Billybob posted a sneak peek about the party that is happening on Friday. Here is the sneak peek.

Thats all for now

Waddle On

~Sciarpino-

Source Code Testing: 

1. Source Code history
2. Use of readable indentation for source
3. Source Code optimization
4. Source Code Comment documentation
5. Source Code Backup
6. Appropriate naming conventions for source files
7. Appropriate storage location for source files
8. Appropriate use of Transactions wherever required
9. Appropriate use of Stored Procedures wherever required
10. Use of functions for code reuse
11. Use of Common library
12. CSS Code to be separated from the source code
13. AJAX code to be separated from the source code
14. Use of version control mechanism
15. Source Code encryption mechanism
16. Appropriate use of sessions / cookies
17. LDAP authentication
18. Following the standards. (for e.g. XHTML 1.0 standard for web coding).
19. Appropriate naming conventions for functions used and functions in the common library
20. Appropriate Folder structure for source code files
21. Clearance of extra comments, unnecessary code, echoes, alerts, type texts
22. No hard coding should be present 

Database Testing: 

1. Appropriate linking of tables
2. Normalization
3. Naming Conventions
4. Appropriate storage engine is used
5. Optimized field types are used
6. Backup function
7. Appropriate use of Triggers
8. Encrypted storage of confidential data
9. Compressed storage of big data
10. Appropriate prefixing for special characters before storage
11. Scalability
12. Database Document - Design schema with sample data
13. Appropriate filtering of data before storing into the database
14. Appropriate default values for table fields
15. Appropriate comments entered for table fields
16. Database Design query with sample data to be documented 

UI Testing: 

1. Consistency of screens
2. Consistency of background colours
3. Usage of pleasant colours
4. IPR violation with logos, images, colours, text
5. Consistency across multiple browsers (IE, Mozilla, Netscape)
6. All controls on the screen should be accessible through keyboard / Keyboard shortcuts
7. Various screen sizes testing
8. Various Platforms testing
9. Best Configuration message on home page
10. Appropriate tool tips for all elements on UI
11. All dropdowns heights and widths, symmetry and consistency
12. Textboxes height and width
13. Overall symmetry
14. All kinds of necessary validations for blank data inputs, illegal data inputs
15. Warning, error window sizes and placement
16. Test for SQL injection
17. Testing for over limit, under limit, different data types, null inputs
18. Testing for Reflection, no variable/class/method names should be hard coded
19. Print all the output reports and test them for alignment, proper page breaks, formatting, paper size, data readability and completeness
20. Scalability for various technologies, if yes, define configuration and process steps for migration
21. Backup
22. Backup Procedure documented
23. Auto/Manual Backup
24. All necessary documentations: commenting the code, flow chart, database design/schema, table design/scheme, user manual, source code/files naming conventions, ER diagram, help files, researched material
25. Testing for SOX compliancy
26. Overall user friendliness & aesthetics
27. Should be best viewable with 800x600 resolution
28. Maximizing, minimizing, resizing of windows to be possible
29. Positioning of cursor on the first editable field in Data entry screens
30. Every screen should have one Default button
31. Acknowledgment of error messages should take the control to where the error occurred
32. The Title bar should contain appropriate title
33. Every screen should have a title/header
34. Ease of use without any help
35. Grammatical correctness of error messages
36. Correct grammar for texts, field names, tool tips
37. Grammatical correctness of Help text
38. Text box lengths should correspond the length of data they take, wherever possible
39. Default values to be populated wherever possible
40. Consistent behaviour when screen resolution is changed
41. Consistency of margins and header and footer
42. Consistency of Colour of form
43. Consistency of Size of form
44. Consistency of fonts used for labels
45. Consistency of Size of buttons
46. Consistent use of animations/graphics
47. Consistency of labelling of controls (buttons, boxes)
48. Consistency of length of textboxes for the same field
49. Consistency of formats for date fields
50. Effective reuse of repeatable visual themes
51. When a button is clicked
52. When an error is encountered
53. When a field is being validated
54. Should support users' sequence of accomplishing a task
55. ‘Back' and ‘Home' links to be provided
56. Correct order of tabbing
57. Text to be selected when tabbing to a textbox
58. All tab controls should be accessible thru' keyboard
59. Shortcut keys (hot keys) to be unique
60. Links should be obvious and consistent
61. Functioning of the ‘Back' and ‘Forward' functions of the browser
62. Check if all links are active
63. Alignment of labels
64. Alignment of buttons
65. Anything that needs user action must be communicated
66. Feedback should be provided whenever relevant
67. Minimum usage of pop-ups and message boxes
68. User errors must be communicated
69. Availability of Help feature
70. Availability of Context-sensitive help, wherever needed
71. Buttons should be enabled/disabled depending on context
72. Non-editable text fields should be distinctly visible from others
73. Messages and labels should be accurate and appropriate for the context
74. Check if all links lead to meaningful points
75. Use of familiar and comfortable language
76. Abbreviations and code language to be used minimally
77. Help and Search links should be distinctly visible
78. Visible font for all text
79. Avoid all CAPS text
80. Help messages to be clear and concise
81. Error messages to be clear and concise
82. Should avoid horizontal scrolling
83. Should avoid vertical scrolling as much as possible
84. Logical ordering of controls
85. Position of controls should be meaningful
86. Grouping of related info. and data
87. Appropriate label for grouped data
88. Drop down/combo box menu to be ordered
89. Toggling of checkboxes
90. Checking/un checking of checkboxes through space-bar
91. Single choice for radio-buttons
92. Access keys (Keyboard shortcuts) letter should be underlined when visible on the UI
93. Frozen grid titles
94. Horizontal alignment of tables, body, div, span, data grid
95. Vertical alignment of tables, body, div, span, data gird
96. Mandatory fields should be distinctly marked in the UI 

Functional Testing: 

1. Basic Data flow is working properly
2. To be able to add data and save it correctly
3. To be able to edit data correctly
4. To be able to copy data correctly
5. To be able to delete data correctly
6. Cancel function
7. Logout function
8. Change Password feature
9. Password Complexity
10. Password History
11. Various authentication levels
12. Application should be accessible thru' URL as well as IP address
13. Time to load the application must be appropriate
14. Search Function
15. Search facility should be flexible (wildcards, mixed case, partial strings etc.)
16. Prompt to save unsaved data while trying to move to next screen
17. Password validation
18. Positioning of pop up windows
19. Field vs. form level validations
20. Destructive actions to be confirmed
21. UI shows navigation and user friendly message for null records in the database
22. Search Engine Optimization (SEO)
23. A "Contact us" page for maintenance team. The page should have mail id,  address and phone numbers
24. Application should have a visible status bar - logged in user, logged in time, date
25. A user confirmation while logging out or closing the application
26. User should not be allowed to navigation to any of the application pages without logging in
27. User session should auto expire within the following specified time period (5 minutes > Session Expiry time > 15 minutes)
28. Highlighting of searched keywords should be present for Search feature

The Pin is hidden at the cave, where the swimming pool is.

The furniture catalog came out. It has pretty neat stuff

Here are the secrets

Click the Upright Piano for the Guitar Stand

Click the Coffee Shop Tree for the Vegetable Garden

Click the leaves of the Palm Tree for the Flower Planter

Click the Seaweed for the Clam

There is also new music this is what they have added.

Also, the Night Club is being reconstructed for the upcoming New DJ Game! If you hover your mouse over the ‘Fragile’ box, the DJ equipment comes to life.

everything this week has a music theme. Comment if you like the music theme.

Thats all for now...

Waddle On

~Sciarpino-

I got hooked on how cool and utterly essential the browser is back in '95 (note: i'm at the non-technical end of the spectrum, having studied English Lit vs. Engineering). I'd been toying with the Web and hosted the occasional forum discussion on (a-hem) Compuserve. The first couple dozen issues of Wired were probably the most influential force of my post-collegiate years. Then on August 9, 1995 a few seemingly unrelated things happened: Jerry Garcia died, Netscape had a groundbreaking IPO, and i turned 25. For a young journalist based in Cleveland, the allure of the Bay Area was like a gravitational force. Not only did i want to hang with the Deadhead faithful in Golden Gate Park, but with SF quickly becoming the hub for budding webheads, and i wanted in on the action.

By October, i was driving down highway 101 to Mountain View to visit Netscape. It was my first official day as the Silicon Valley bureau correspondent for IndustryWeek and i'd scored a plum assignment: write a cover story featuring Jim Clark as the magazine's "Technology Leader of the Year." Not only was i just plain glad to be *in* Silicon Valley, but got to spend a couple hours listening to Clark wax poetically about how Netscape had come to be, where the Internet was going and how the browser was truly transformational software.

Fast forward a dozen years and pretty much no one i know remembers IndustryWeek. More to the point, it wasn't Dr. Clark who most influenced my trajectory; it was actually Chris Holten, one of the workhorses of Netscape's PR corp. She essentially told me: 'you can either write about the Internet from the sidelines, or dive in and get involved.' A few months later, I joined Netscape's PR team.

Sure, i learned a few things about PR. But more broadly, Netscape taught me about the software development process, the importance of open standards, security, and user privacy, as well as the critical role of public policy in the Internet era. I eventually moved into product marketing for Communicator and was lucky enough to have a front row seat for the creation of mozilla.org and the release of the source code in '98. (I still have "Code Rush" in my video library).

The Silicon Valley phase of my career began at a time when the browser was the great enabler of people (both developers and users) and emerging business models; it was (and still is) an incredibly strategic piece of software in an increasingly web-centric world. But like many friends and former colleagues, i left Netscape after the AOL acquisition in '99 to try the the start-up thing for a few years at Tellme Networks.

Then i spent 6 years at Yahoo!, driving marketing programs for a number of products including Y! Toolbar (then called "Companion"), the My Yahoo! redesign (complete with RSS), the front page redesign, the launch of the Ajax-powered Y! Mail and a stint with the Advanced Products team in the SF Brickhouse (i do miss south park). Yahoo! was a really great place to develop as an Internet marketer because the company is generally data-driven and values consumer insights. I went a lot broader and deeper in understanding the many dimensions of marketing thanks in large part to some really smart folks there.

So it was somewhat ironic that i "rediscovered" Mozilla. I've been a Firefox user / fan / advocate since 1.0, and have nursed a mild aversion to IE for at least a decade. Then i really thought about how dramatically the browser market has changed over the last few years. A decade ago we simply couldn't imagine a world with north of 1.4 BILLION Internet users. And that's what makes NOW a really interesting time to join Mozilla. We can only begin to wonder what the landscape will look like in another 10 years--but without question, the browser matters.

...Hopefully by now the "what's old is new" cliche makes sense. While the game may have changed since my Netscape days, hopefully i'll be able to run some of the best plays i've picked up along the way. A lot of my near-term focus will be on better understanding untapped market segments (your thoughts & opinions welcome), how to raise awareness and drive downloads, and identifying new growth opportunities in the US as well as emerging markets.

One month in and it feels like a sort-of homecoming -- i "sort of" know what's going on (bear with me) but still have a lot to learn. What I love about Mozilla is the smallness the physical space but the largeness of the virtual space it occupies. I am truly excited about the mission, the open source development philosophy and believe it is the vibrant, participatory community that really differentiates Firefox (the product) and is embodied by thousands of contributors and millions of users (the people) around the world.  Look forward to working with you all to spread Firefox.

BOTTOMS UP!

I have got excited news for you. The News is Club Penguin decided to have their own DS game. It is called Elite Penguin forces

In the game, you will be able to solve mysteries, play minigames, and earn coins and other prizes that can be updloaded to your penguin’s account. The game is probably going to be released sometime around December.

Thats all for now...

Waddle On

~Sciarpino-

Squidzoid vs. Shadow Guy & Gamma Gal” has returned to the Stage. The scenery is almost the same except for the new version of Squidzoid, which looks much cooler than the old one, a new script, and a different advertisement on the billboard.

Just to tell you Billybob announced that they had to squish a few bugs for the new features. It will be live

early next week. Here is what billybob said about the feature:

I just received a pretty major update. They found a few bugs today that are going to take a couple of days to be fixed. So while our goal was to launch today, were now aiming to have everything live early next week. Thanks for your patience--I know the team appreciates all your support and encouragement as they're working day and night on this project until it's done!

To view the Features Click here

The new news paper was out today.

A conclusão está num documento publicado por uma equipe do Computer Engineering and Networks Laboratory, em ETH Zurique. Em colaboração com o Google e a IBM, eles descobriram que 637 milhões (45,2%) do total de 1,4 bilhões de usuários de internet não estão usando a versão mais segura de seu browser.

Eles sugerem que o software ? Não somente os browsers ? Deveria ter algo como um prazo de validade, a fim de forçar os usuários a obter versões atualizadas. Vários navegadores foram analisados, tais como Internet Explorer 7, Firefox 2, Safari 3 e Opera 9.

O Firefox 2 foi considerado o mais seguro, não pelo produto em si, mas porque 83% de seus usuários rodam a versão mais atual. A seguir, vêm o Safari, com 65% dos usuários trabalhando com a versão mais recente; o Opera 9, com 56,1%; e o IE7, com 47,6%.

Aparentemente, a atualização está associada ao nível técnico dos usuários. Segundo a pesquisa, foram necessários 19 meses desde o lançamento do IE7 para que essa versão fosse adotada por 52,5% dos usuários. Em contraste, no mesmo período, 92,2% migraram para o Firefox 2.

Os pesquisadores esclarecem que, para os fins do estudo, o web browser mais seguro corresponde à \"versão pública oficial mais recente disponível em dado momento\". Essa definição, portanto, exclui versões beta. O estudo também deixa claro que os usuários do Internet Explorer (dono de 78,3% do mercado entre fevereiro e junho deste ano) vão provavelmente encontrar mais malware do que os usuários do Opera (0,8% de participação no mesmo período). A explicação dos autores de códigos maliciosos se concentra onde há maior audiência.

A pesquisa suíça destaca ainda a desatualização de produtos que trabalham lado a lado com os browsers, como o Flash, da Adobe, e o QuickTime, da Apple. Segundo a empresa de segurança Secunia, 21,7% de todas as instalações do QuickTime 7 estão desatualizadas.

Fernand Koda

ARPA NET: ABD Savunma Bakanlığı'nca 1969'da yaratılan ve İnternet’i atası olarak kabul edilen ağ. 

ATM: Asynchronous Transfer Mode. Aynı anda aynı hattan farklı formatlarda dosya tiplerinin (video, ses, veri vb.) gönderilmesine olanak sağlayan, oldukça yeni bir ağ işletim teknolojisi. 

BBS: Bulletin Board System. Başka kişilerin mesajlarını okumanıza ve yenilerini asmanıza olanak veren elektronik bülten panosu. 

binary file: İkili dosya. Sadece metinden daha fazlasını içeren dosya türü. Örneğin, harflerin yanı sıra formatlama kodlarını da içeren bir resim, kelime işlem dokümanı ya da bir hesap tablosu. 

bit: En küçük bilgisayar verisi birimi. Sekiz bit, bir byte eder. Bir byte ise bir karaktere (harf) eşittir.
bitmap: Bir resmi oluşturan çok fazla sayıda nokta (dot). Ekranınız (ve lazer yazıcınızdaki kağıt parçası) her biri siyah (ya da başka renkte) ya da beyaz (boş) olmak üzere küçük noktalardan oluşur. Yeterince uzaktan baktığınızda hu noktaların bir resim oluşturduğunu görürsünüz. Yaygın bitmap formatları BMP, GIF, TIF ve PCX’tir.
bps: Saniyedeki bit sayısı. Genellikle modem hızlarını tanımlamakta kullanılan hız ölçüsü.
browser: Tarayıcı. WorId Wide Web sayfalarında metin ve resimleri (ve bazı durumlarda animasyon ve video filmlerini) bulmanıza olanak sağlayan bir bil­gisayar uygulaması. Yaygın örnekler; Netscape Navigator, Mosaic ve Microsoft Internet Explorer'dır.
byte: Genelde sekiz bit'ten oluşan bit‘ler dizisi. Byte'lar bilgisayar depolama kapasitesini tanımlamada kullanılır.
C1X: Commercial Internet Exchange / Ticari Internet Alışverişi. Intemet Servis Sağlayıcıları arasında kurulmuş bir dernek.
client: İstemci. Başka bilgisayarların sağladığı (sunucu ya da 'host' bilgisa­yarların) hizmetleri kullanan bir bilgisayar. Eğer masamızda bir PC varsa ve siz World Wıde Web'den veri alıyorsanız, PC'niz bağlı olduğu Web sunucunun istemcisi durumundadır.
client/server: Bir istemci ile sunucu bilgisayar arasındaki ilişkiyi tanımla­mada kullanılan bir terim.
com: Bir adresin sonunda bu ibare varsa (ali.akpak@sirketadi.com.tr); bu, Ali Bey'in çalıştığı kuruluşun bir eğitim kuruluşu ya da hükümet dairesi değil, bir şirket olduğunu gösterir. Adresin sonundaki ülke kodu ('tr'), 'host' bilgisayarın Türkiye'de olduğunu da gösterir. Sonda ülke kodu olmasaydı, 'host' bilgisa­yarın ABD'de olduğu anlaşılacaktı.
Country code: Ülke kodu. E-posta adresinin, "host' bilgisayarın bulunduğu ülkeyi gösteren son kısmı. Örneğin, tr ile biten bir adres, host bilgisayarın Türkiye'de olduğunu gösterir.
domain: @ işaretinden sonra gelen adres bölümü.
DNS: Domain Name Server. İnsanların alışageldiği internet yer isimlerini bil­gisayarların kullandığı sayısal İP adreslerine çeviren, intenet'e bağlı bir bilgisayar.
download: İndirme. Uzaktaki bir bilgisayardan kendi bilgisayarına yazılım yükleme işlemini tanımlamada kullanılan terim.
dynamic routing: Dinamik yeniden yönlendirme. Internet'te bir hat tıkalı veya kesik ise, mesajın yerine ulaşmasını açık hatlar üzerinden sağlayan yeniden yönlendirme metodu.
e-posta: Elektronik posta. İnternet üzerinden birine gönderilen mesaj.
edu: Bir adresin sununda bu ibare varsa (ali.akpak@aaa.edu.); bu, Bay Akpak'ın eğitim kuruluşunda çalıştığı anlamına gelir.
FAQ: SSS. Sık Sorulan Sorular. Bir haber grubunun diğer üyelerini kızdırmanın en kolay yolu FAQ bölümünde daha önceden yanıtlanmış soruları sormaktır.
file transfer protocol: Dosya transfer protokolü. Her iki bilgisayarın da transferin başarıyla yapıldığını doğrulayacağı şekilde, bir bilgisayardan diğerine veri aktarma metodu. En yaygın dosya aktarma protokolleri xmodem, ymodcm, zmodem ve Kermit'tir. İnternet'in FTP adında kendi dosya transfer protokolü vardır.
firewall: Güvenlik duvarı. Özel bir ağın geçidinde bir güvenlik duvarı bulunur ve bu duvar İnternet’ten gelen ve İnternet’e çıkan veri türlerini
FTP: Bakınız file transfer protocol.
gateway: Geçit. Farklı protokoller kullanan iki ağı birbirine bağlayan bir bil­gisayar. Posta adreslerinin doğru yere ulaşabilmesi için genellikle bunları internet standardına çevirmekte kullanılır. Kimi zaman ‘router' adı da verilir.
Gopher: Menüler yardımı ile Internet'teki sunucularda bilgi bulmanızı sağlayan sistem.
gov: Bu adresin sonunda bu ibare varsa (ali.akpak@aaa.gov ); bu, Bay Akpak'ın bir devlet dairesinde çalıştığı anlamına gelir.
host: İnternet üzerinde, tel net kullanarak bağlanabileceğiniz,FTP protokolünü kullanarak dosya çekebileceğiniz bir bilgisayar. Web sunucu ile aynı anlamdadır.
HTML: HyperText Markup Language. World Wide Web'de yayınlanabilecek nitelikte sayfalar hazırlamak için kullanılan bilgisayar dili. Bu dil, yazı tipleri, mizanpaj, grafikler, hypertext ya da hipergraphic bağlantıları ile ilgili bilgiler girebilmenizi sağlar. Web sayfalarının dosya isimleri genellikle 'html" ibaresiyle biter.
HTTP: HyperText Transfer Protocol. Web sayfalarının internet üzerinden aktarılma şeklini belirleyen protokol. Web sayfalarına ilişkin yer kodu genellik­le "http:" ibaresi ile başlar.
hypertext: Metnin başka belgelere bağlanmasını sağlayan. Web sayfaları için tasarlanmış bir metin yazma ve düzenleme sistemi.
IP: Internet Protocol. İstenilen bir bilginin bir ağdan diğerine hareketini sağlayan teknoloji.
JPEG ve JPG: Büyük resim dosyalarını sıkıştırılmasını sağlayan bir grafik algoritması. Joint Photographic Experts Grup tarafından geliştirilmiştir; bir resmin yüklenme süresini önemli ölçüde azaltır.
mail server: Internet'te elektronik posta hizmetleri sağlayan bir bilgisayar.
mil: Bir e-posta adresinin sonunda bu ibare varsa, başvurulan bilgisayarın askeri kuruluşlardan biri tarafından kullanıldığı anlaşılır.
MIME: Multipurpose internet Mail Extensions. Dosyaların- metin, grafik, resim, video ya da ses - e-postaya eklenerek gönderilmesini sağlayan bir standart.
mirror site: İnternet'te başka bir sunucunun dosyalarının kopyalarını muhafaza eden bir sunucu. Popüler sitelerin yükünü hafifletmek amacıyla kullanılır.
modem: Bilgisayarınızı telefon hattı aracılığıyla başka bilgisayarlarla konuşturan cihaz. Modem, dahili yada harici olabilir.
Mosaic: Bakınız browser.
Netscape: Bakım browser.
Newsgroup: Belirli bir konu hakkındaki haber grubu. Usenet, haberleri Internet’in her yanına dağıtan bir sistemdir.
newsreader: Usenet haber gruplarındaki mesajları okumanızı ve cevaplandırmanızı sağlayan program.
NSFNET: The National Science Foundation's network. Ulusal Bilim Kuruluşu Ağı; Internet'in araştırma ve eğitime adanmış, ABD hükümeti tarafından finans­manı sağlanan bölümü.
pocket: Bir ağ üzerinden gönderilmiş bilgi grubu. Diğer bilgilerin yanı sıra alıcı ve gönderici adreslerini de içerir.
password: Şifre. Intenet'teki yeriniz, sadece sizin bildiğiniz bir şifre ile korunmaktadır.
ping: Bir ağ üzerinde bir başka bilgisayarla iletişim kurup kuramayacağınızı kontrol eden yazılım. Eğer "pinged back" sinyali almazsanız, karşı tarafla iletişim kuramayacaksınız demektir.
POP:
1. Post Office Protocol: İnternet’teki posta sunucularınca kullanılır. Mac ve PC kullanıcılarının postayı toplamasını ve dağıtmasını sağlar.
2. Point of Presence: Bir Internet servis sağlayıcısına bağlanmak için çevirmek zorunda olduğunuz numara.
PPP: Point-to-Point Protocol. İki bilgisayarı bir telefon hattı üzerinden birbirine bağlar. Internet'e evlerinden bağlanan abonelerce yaygın bir şekilde kullanılır.
protocol: İki bilgisayarın da anladığı bir sistem ya da dil. Örneğin FTP kullanıldığında, gönderici ve alıcı "devam et” , "anladım" anlamına gelen sinyaller alıp verirler. Protokoller İnternet’in işlemesini sağlar.
server: Sunucu. Bir ağ üzerinden başka bilgisayarlara servis sağlayan bir bilgisayar. Bakınız client/server.
shareware: Deneme amaçlı ücretsiz/ programlar. Kullanmaya devam etme isteyenler, kullanıcı olmak için ücret öderler.
SMTP: Simple Mail Transfer Protocol. E-postanın bu" bilgisayardan diğerine aktarılmasını sağlayan protokol.
TCP/IP: Internet'te ağların birbiriyle iletişim kurmak için kullandıkları sistem.
tel net: Internet’te öteki bilgisayarlara bağlanmasını sağlayan bir program.
thread: Bir Usenet haber grubuna postalanmış ve altında cevapları olan mesaj.
Upload: Başka bilgisayara veri ya da dosya yüklemek.
URL: Uniform Resource Locator. WWW sayfalarını birbirine bağlamak için ağ kaynaklarını isimlendirme yolu.
Usenet: Akla gelebilecek her konuda haber ve tartışma grupları içeren, konulara göre sınıflanmış bir bülten sistemi.
WWW: World Wide Web. Birçok bilgiyi (genelde bir tarayıcı kullanarak) gözden geçirmenizi sağlayan sistem. Şu anda İnternet’te tercih edilen bilgi sunma ve bilgiye ulaşma yöntemi.

If you go to the CPIP blog they tell you when the new features are going to launch.

Here's a summary of the features we've been talking about and what will be launched:

• New server selection (recommended servers and buddies easier to find)

• Igloo background!

• Penguin Mail (sending and receiving postcards improved)

• Player Card update (sorting items by category)

I think they are going to be launched this week maybe tomorrow or Friday.

These are just the features that are going to be launched:

Thats all for now..

Waddle On

~Sciarpino-

The New Pin is located at the Cove. It is a firework pin.

also the new clothing catalog came out. There is some amazing items to wear. I heard its the best yet.  Here are the Catalog secrets.

Clothing Catalog Secrets

Here are the secrets of the clothing catalog located in the Gift Shop.

There are 4 “new” backgrounds, three of which are old ones that have returned.

Click on the Belt Buckle for the Red Viking Helmet

Close and open the Red Viking Helm 4 times for the Blue Viking Helmet

Click on the Diver’s Belt Gauge for the Diver’s Helmet

Click on the upper left section of the Green Tabard for the Woodsman’s Hat

Click on the hat streamer of the Princess’s hat for the Crystal Staff

Click on the Green Rubber Boots for the Cheesy Necktie

Wig Catalog Secrets

Click the Blue Spikester for the Pink Spikette

Quando eu falo em artigo legal me refiro a ele ser prático, rápido e fácil pegar a idéia da coisa. Nada de textos e mais textos teóricos e exemplos complicados, nem muito menos ficar copiando, colando e adaptando scripts que os outros fizeram, eu queria algo que me fizesse sair implementando minhas próprias coisas, do meu jeito. Até que tive no meu trabalho a oportunidade de fazer um enorme formulário com uma validação no cliente que não tinha mais tamanho, e tudo em Javascript, então... Bum! foi paixão à primeira vista, e desde então tenho fuçado a linguagem cada dia mais.

Preparado? então vamos lá... Vou falar de forma bem simples

1. Um pouco de teoria apenas

O Javascript é uma linguagem de script orientada à eventos criada pela empresa Netscape porque era de interese dela que as páginas da Internet tivessem maior dinamicidade e movimento. Não tem nada a ver com Java, exceto semelhança uma leve na sintaxe, só a nomearam assim porque o Java estava na moda na época.

Como em tempos de webstandard nada na Web é só alegria, existem coisas que funcionam para uns navegadores e coisas que não funcionam para outros. É importante se manter o código enxuto o suficiente para que eles funcionem até na geladeira de sua casa.

2. Vamos à prática então

Primeiro um bloco de código JS é declarado assim assim:

<script type="text/javascript">
/* aqui vem o script */
</script>

Isso é o mesmo que o <% %> do asp ou o <? ?> do PHP. Mas esse bloco do Javascript deve ficar entre as tags <head></head> por convenção da W3C. Obedeçam isso ;)

O ideal é explorar bastante o uso de funções (function) pra organizar as coisas, é fácil de pegar o jeito, um exemplo:

<script type="text/javascript">
function escrevaMeuNome() {
document.getElementById('divDoNome').innerHTML = 'Henrique';
}
</script>

Esta função claramente diz que ao ser chamada ela escreverá meu nome dentro do DIV de id "divDoNome". Como chama-la? assim:

<input type="buttom" value="Meu Nome" onclick="escrevaMeuNome()" />
<div id="divDoNome"></div>

Vamos lá, eu tenho um DIV como elemento HTML que o Javascript vai usar para exibir meu nome. Sim, eu preciso ter isso porque do contrário onde ele vai imprimir?

O Javacript é orientado à eventos como eu disse no começo, ou seja, algum componente HTML precisa dispará-lo para que ele seja executado (interpretado). Quem disparou a função "escrevaMeuNome()" neste caso foi o botão, através do "onclick=escrevaMeuNome()".

A função tem uma linha apenas de código. Ela chama cada objeto pela hierarquia:

* Document = o documento HTML atual;
* getElementById('divDoNome') = aqui é a função que Document tem para apanhar elementos pelo id, bastante claro, não? e quem estamos pegando é o nosso div "divDoNome";
* innerHTML = Quando pegamos um elemento, podemos usar o método innerHTML que permite imprimir algum HTML nele;

Eu gosto muito de usar essas funções do Javascript como getElementById, getElementByDivName (pegar pelo nome da DIV), getElementByName, etc.. elas são praticamente mágicas porque como elas mesmo nos deixa entender, podemos pegar o nome de uma tag, o nome de um objeto HTML qualquer, etc, e com isso em mãos podemos fazer o que bem entender. Vamos à outro exemplo.

Um form:

<form name="cadastro">
 <input type="text" name="nome" value="" onblur="validaCampoVazio('nome')">
 <label id="label_nome"></label>
</form>

Este exemplo faz com que o campo "sobrenome" somente apareça se o campo "nome" tiver preenchido com algum valor. O campo "nome" verifica isso assim que o mouse é clicado fora. Se o campo ficar em branco, uma mensagem de erro é exibida no label "label_nome".

Eu concluí que com Javascript a ordem é generalizar quando se trata de formulários. Então nada de sair aplicando funcionalidades específicas ao seu campo de texto ou etc, as funções devem ser aplicáveis à qualquer componente HTML e não à este ou aquele campo.

<script type="text/javascript">
function validaCampoVazio(campo) { //função validaCampoVazio (qualquer campo), que recebe um valor, que é o nome do campo que queremos validar.
var valorcampo;  //declara opcionalmente a variável que receberá o valor do campo.
valorcampo = document.cadastro['nome'].value;  // document.nomedoformulario['camponome'].ovalordele (hierarquia de objetos). Isto resgata o valor daquele campo no momento em que foi chamada a função em questão.

if (valorcampo == '') {  //se o valor do campo for nulo.
     mostraMsgErro(campo);  //chama a função que vai mostrar mensagem de erro, passando o mesmo NOME DO CAMPO (veja bem, nao é o valor, é o nome!). Apartir do nome do campo podemos tirar o que quisermos dele: valor, estilo, etc.
     escondaSobreNome(); //chama a função que vai esconder o campo e o label do sobrenome.
} else {
     mostraMsgOk(campo); //chama a função que vai mostrar mensagem de ok.
     mostraSobreNome(); //aqui mostra o label e o campo sobrenome.
}

function mostraMsgErro(campo) {
     var msgErro = campo + ' inválido(a) ou vazio(a)'; //a variável msgerro aqui recebe o nome do campo e concatena com a mensagem.
     var labelErro = document.getElementById('label_' + campo) //aqui resgata-se o nome do label que mostrará a mensagem.
     labelErro.innerHTML = msgErro; //e manda-se imprimir a mensagem no label.
}

function mostraMsgOk(campo) { //aqui faz-se praticamente a mesma coisa de ali acima mas nao se exibe nada no label.
     var labelOk = document.getElementById('label_' + campo)
     labelOk.innerHTML = '';
}

function mostraSobreNome() {  //esta função mostrará o campo sobrenome.
     document.getElementById('sobrenome').style.display = 'block';  //aqui mostra-se o label, acessa-se o atributo "style" e depois o "display" e dá-se um block!
     document.cadastro['sobrenome'].style.display = 'block'; //e aqui o campo.
}

function escondaSobreNome() { //esta função é o contrário da mostraSobreNome() de cima.
     document.getElementById('sobrenome').style.display = 'none';  // acessa-se o atributo "style" e depois o "display" e esconde.
     document.cadastro['sobrenome'].style.display = 'none'; //e aqui o campo.
}

}
</script>

O que é brilhante é a maneira como os objetos se hierarquizam, de forma que posso ir acessando atributos e sub-atributos como no caso do "objeto.style.display" ou do "objeto.value". Assim posso manipular com o que quiser.

Falta muito? falta. Tem coisas muito interessantes como o tratamento de erro com "Try" e "Catch", AJAX,.. etc, etc, etc, etc. Isso aqui foi apenas uma idéia de como as coisas funcionam. Com um pouco de exercício você que já conhece programação pra Web vai conseguir tirar coisas interessantes desses exemplos que eu dei.

Introduzam ou retomem o Javascript em suas vidas e me contem como foi!

Happy Canada Day!!! For those of you who live in Canada.

There are fireworks in Club Penguin in the Mountain and Iceberg

Also there is a catalog sneak peak, that billybob gave us in the Club Penguin blog.

What do you think it is? I think it is about Music. They are probably going to bring back the black guitar. and some new ones.

I also have a sneak peek of what the new server layout will be. Instead of having to go through a bunch of different servers, the new server layout will detect the servers you and your buddies visit the most. You will be able to see the old server layout if you choose, however this will be the default server selection.

What do you think about the fireworks. the sneak peek of the catalog, and the new servers? Comment on it.

Thats all for now

Waddle On.. And Happy Canada Day!!

~Sciarpino-

Nova versão do Netscape. Mais uma vez a Netscape tentará chegar perto da supremacia do IE, que segue como líder absoluto no mercado de browsers. Esta versão possui algumas novidades interessantes, melhoramentos e pequenos ajustes. A função Tabbed Browsing faz com que você possa navegar em várias páginas de uma só vez, através de abas, assim como no Opera. O e-mail também reestruturado e melhorado.