Hobnox.com

und dann unten links auf “Audiotool” klicken.

Macht Spaß!

Do you know the Big5 Lite app for iPhone or iPod?

I love this tiny app, because I can develop webapps with native features (e.g. camera) without jailbreaking my device. Big5 Lite provides a javascript based API. You can download it for free from Apple iTunes AppStore.

Now I started a project to autoinstall Big5 Lite from AppStore. All webapps could be listed and hosted at Googles cloud AppEngine or your website. I also want to integrate a gateway for foreign like Twitter, Facebook, Ebay and so one. Any developer out there who want to help me?

I just want to share the steps that i did when i installed redmine on my localhost. This might be useful when you either want to play or explore redmine application for use as your PM tool.
And also works best as a production version of your PM tool on top of your KahelOS.

Note:
-The steps below assumes that you already have your own Apache, MySQL, PHP and phpmyadmin installed on your KahelOS.
-You will be using port 88 as your redmine virtual server port.

Let’s get started.

1.Get ready with your Ruby Environment:
1.1.install ruby
1.2.install rubygems
1.3.install rake (nodeps)

yaourt -S ruby1.8
yaourt -S rubygems1.8
pacman -Sd rake

ln /usr/bin/ruby-1.8 /usr/bin/ruby -s
ln /usr/bin/gem-1.8 /usr/bin/gem -s
gem install rake

2.Install Redmine application:
2.1.Download and Install Redmine
2.2.ImageMagick and mongrel

cd /srv/http
wget http://rubyforge.org/frs/download.php/66633/redmine-0.8.6.tar.gz
mv redmine-0.8.6 redmine

gem install rmagick
gem install mongrel

3.Time to configure your Database
3.1.Create redmine DB via phpmyadmin
3.2.Configure your database.yml
3.3.Create database structure and admin account

http://localhost/phpmyadmin/
DB:redmine
Username:redmine
Password:

cd /srv/http/redmine/config
cp database.yml.example database.yml
edit database.yml

production:
adapter: mysql
database: redmine
host: localhost
username: root
password:
encoding: utf8

Create database structure and admin account (admin/admin)
rake db:migrate RAILS_ENV=”production”

4.Configure redmine on Apache webserver
4.1.prepare your dispatch.cgi
4.2.config/environment.rb
4.3.Configure Virtual host (example port 88)

cd /srv/http/redmine/public
cp dispatch.cgi.example dispatch.cgi
chmod 775 dispatch.cgi

Uncomment the following line from config/environment.rb file:
ENV['RAILS_ENV'] ||= ‘production’

Edit /etc/httpd/conf/httpd.conf

Listen 80
Listen 88

ServerName localhost
ServerAdmin webmaster@localhost
DocumentRoot /srv/http/redmine/public/
ErrorLog logs/redmine_error_log

Options Indexes ExecCGI FollowSymLinks
Order allow,deny
Allow from all
AllowOverride all

Then save /etc/httpd/conf/httpd.conf

cd /srv/http/redmine
chown -R http.http files log tmp vendor

5.Start HTTPD
/etc/rc.d/httpd restart

Browse your localhost version of redmine
http://localhost:88

Reference:
http://wiki.archlinux.org/index.php/Redmine_setup
http://www.redmine.org

I first found PageResource.com back in year 10 when I was doing simple html design, and has since become my favorite because all the information is easy to find. It provides detail about the elements of both HTML and JavaScript and how to implement them along with how to use them. Although it provides very simple information, it is extreemly useful for when you forget how to impliment a tag, or forgot the propper syntax. PageResource Provides examples to all the code they provide so you can see what it does and how it works.

Another good webpage ( and the best ) where informaiton can be found is W3Schools.com. This is probably one of the only organisations that I’ve come across that define the rules of a language, and have documented it so extensivly. The other language I’m thinking of is AutoHotKey, where the help file is actually helpful.( But that is a discussion for another time).

W3Schools does not only provide information on how to use JavaScript and use the DOM properly, but they also provide information on the web-enabled languages such as CSS, XHTML, PHP and many others. Another great feature availble is the try it now feature. With the try it now feature you can experiment with html, JavaScript and css and see it update in the frame next to the edit area when a button is clicked without having to save a file to your local harddrive or a webserver and play around in a text editor.

The thrid and final tutorial site I will mention today is JavaScriptKit.com. This site provides some good information on JavaScript, information on things like memory leaks while using java. Although I haven’t used it for any of my coding pojects, It will be amongst the first websites I’ll visit when I get stuck.

Remember Tuesday is the first crit on the “hobby” project. You should have 2 different appearances for one set of html files.

For those curious about embedding audio  files, check out these suggestions:  http://www.boutell.com/newfaq/creating/audio.html

OK, it ain’t going to be super ridiculously easy. And it isn’t 100% CSS, thanks to IE’s bugs. But if you’ve been wanting a drop-down, why not try:

Horizontal drop-down menu: http://sperling.com/examples/menuh/#

Vertical drop-down menu: http://www.alistapart.com/articles/horizdropdowns/

Let us all know how it goes!

Although I’m sure you’ve already heard by now the news about Google’s newest toolbar-gadget the Side-Wiki (even Bruce Clay briefly mentioned something about it), I thought I’d make a quick reference to a feature webmasters/site owners should get to first just in case people actually start using it.  As the site owner, you can post a note about your site that stays on top of all other notes.  An algorithm similar to Google’s current search algorithm will be used to rank the listing of the rest of the notes people post. Take advantage of your site ownership, and use this space to communicate the heart of your business. Make it a little more personal, as a note should be. This isn’t the place for sales pitches. I can almost guarantee that a sales pitch posted in the owner’s note will drive away some visitors. While your checking it out – post your impressions on the Side-Wiki of the HireAHelper local movers landing page.

Visual proof that animated GIFs are awesome: http://www.sweetgifs.com/. There’s a million and one tutorials online as to how to make them. I myself like the animation palette in Photoshop CS4.

The CSS books to add to your shelf are both by Rachel Andrew: “The CSS Anthology: 101 Essential Tips, Tricks, & Hacks” consists of step-by-step instructions to 101 CSS questions, many of which I’ve heard from you guys (i.e., “How do I make a div display as a box with rounded corners?” “How can I make a drop-down menu?”) I do recommend you get this book. Another book you might also find helpful is more of a straightforward, thorough book on CSS and CSS layout: “HTML Utopia: Designing Without Tables Using CSS.”

Still confused as to how one html document can have different appearances? Here’s your reminder to visit the CSS ZenGarden: http://www.csszengarden.com/.

Steven, here’s a free extension for Firefox which allows you to edit the CSS from the browser: http://chrispederick.com/work/web-developer/. I haven’t tried it myself, but I’ve heard about it. By the way? Check out all the Web Development Firefox add-ons: https://addons.mozilla.org/en-US/firefox/browse/type:1/cat:4. They might just make your life simpler…

Hey there seniors — I was very sorry to miss you yesterday, but you were definitely better off without me than being exposed to my germs. Moving forward with the DCC project: Keith’s client visit has been moved to WEDNESDAY, not Monday. So on Monday we’ll have one more in-class round to review your poster series. Please bring a minimum of 3 posters, for 3 very different events: different both thematically as well as by amount-of-content. I.e., have one poster with a very short event title, and one with a very long one, so we can be sure your design system holds up for both scenarios.

This week we are wrapping up the FakeBook project: validating, and very soon, uploading via FTP. It is time to move on to the next project: a website for a hobby or interest of yours for which you will design 2 separate-but-equal CSS appearances. On Thursday we’ll discuss your ideas for the next project before Validating. For next Tuesday, research a few websites on your chosen topic. Bring to class 3-4 urls of websites which are either related to your topic and/or have an appearance which makes sense for your topic.

Remember that throughout history, graphic design:

1. creates visual identity

2. organizes information

3. communicates specific messages

This was true of heraldic symbols, and it is true of websites! What is the identity of your topic, and how can you communicate that visually? In addition: what information needs to be conveyed, and how can your design (including html mark-up) organize this content effectively?

Ah, the moment we’ve all been waiting for. Upload your html files one at a time to:

http://validator.w3.org/#validate_by_upload

And then upload your CSS to:

http://jigsaw.w3.org/css-validator/

Remember: deep breath, don’t get overwhelmed, all errors are fixable, and you will learn so much more about strict XHTML through this process. And as you know, the best way to learn is to learn by doing.

And remind yourself: there are LOADS of pages out there in the interweb which are NOT standards compliant. That means they do not use html correctly, and as a result may not be accessible by future browsers. Yours will, and that is rad.

Class Selectors: The class can be named within any tag and can apply any style formatting to that tag.

For example:  <table class="tblstyle_1">

A tag type can be named before the class name within the css, before the period (.)  to only apply the style to that tag, so even if a class is named within a different tag, the formatting will not apply to that tag. Such as:

table.tblstyle_1 {border : 1; cellpaddng:5}

ID Selectors: ID selectors are used to uniquely identify an element within an html document.

For example: <h1 id="hdb">some text</h1>

Again with the previous selector, a method can be used to filter out all unwanted tags by naming the tag you want the style to apply to with the # symbol, then the id within the css source, such as:

 h1#hdb {font-weight: bold; color: Blue}

Pseudo-class Slectors: These slelectors are unieque as you don’t make up a name to give the selector; instead you use a name already in existance.

To apply a specified format to the first line of each paragraph you name the p element in the selector type in the colon (:), name the psedo name, and then the formatting rules as usual.

For example: p:first-line{formatting rules}

Descendant Selectors: These selectors apply to all elements within elements. These selectors can change the formatting of a decendent element which has already had some formatting applied to it.

For example:

<h2>some <strong>inportant</strong> headline<h2> has already been formatted so that it is blue,  the <strong> element then can be changed to be red and underlined by using:

h2 strong { color: red; text-decoration: underline}

Attribute Selectors: These slelectors target an element with  a named attribute:

For example:

table[width="100%"] {formatting rules} will apply to every table with the attribute: width=”100%”

There are few other ways to apply the attribute selectors.

• [width="100%"]  will apply the specified to all the elements that have that and only that attribute
• [^="100%"] will apply the formatting to any element where the beggining of the values match
• [$="100%"] will apply to an element where the very end of the atribute’s values match
• [*="100%"] will apply if the value is contained anywhere within an attribute
• and many others.

Just like the above Selectors, an specific element can be named. Such as table[width="100%"] {formatting rules}

http://www.w3.org/TR/CSS2/selector.html

http://www.w3schools.com/Css/css_syntax.asp

http://www.eskimo.com/~bloo/indexdot/css/syntax/selectors/attribute.htm

The Cloud of Microsoft

I strongly believe in the power of running webapps in the Cloud. So be prepared to take your web applications to the next step

Believe me, if you run your own shared or dedicated webserver it will brake one day. And probably that day was very important to one of your customers. Okay you have backups? Good luck with it because after reinstall some things will even be lost or can’t be installed again due to version conflicts.

What do you need to run applications on the Cloud of Microsoft  | Windows Azure

I have installed Windows Azure on Windows Server 2008 on Virtual PC 2007

1) Windows server 2008 (or Windows 7 or Vista)

2) MS Visual Studio 2008

3) Virtual Clone Drive (to install the ISO of step 4)

4) VS2008SP1.ISO

5) SQL Server 2008 express (or SQL Server 2005)

6) VSCloudservice.exe : Windows Azure Tools for Microsoft Visual Studio July 2009 CTP

In this environment you can run some Webapps on the local system.

If you want to deploy you need an account on http://www.Azure.com

Thanks, Luv, for this great resource which displays the system fonts for Windows and Mac.

You know those little icons that show up next to a site’s url in your browser window? They are called Favicons. You can make them in Photoshop, as long as you have the installed the plugin ingeniously devised by Telegraphics. Step by step directions are also available… although this misses the crucial last step of linking to the favicon from within your head! The html for that is <link rel=”shortcut icon” href=”favicon.ico”>.

We’re also going to make forms. Our forms will look real, but they won’t actually send you reader responses via email, because that requires a bit of programming knowledge which is outside the scope of this class. However, you can design your form and use a free service to make it live: you’ll just have to tinker with the html/css the service provides. I can give you further instructions if you’re interested in doing this. Having a form on your site IS required; having one that actually sends you emails is not.

Invoices are one of the most important documes for business. If you are seroiusly doing business, every payment will generally require an invoice.

Creating beautiful invoice is an art but it is not always that easy.  Making an invoice is one thing but there are always man tasks associated with invoice making. traking invoices is as important as making it. Invoice should contain all the details about the order, company name and address, details, due date and after mailing the invoices regular follow ups are needed to get  payment. hosting invoice online is very important so that any body can access the invoice from anywhere.

Wait wait….. don’t worry about all these steps. If after reding above lines , you started thinking that making invoices is a lot of headache ….. then forget it.

I will tell you a web application which you will do all the steps so easily that it will make your life a hell lot easier. let go to getaballpark website. This is a web application which will take all your headaches out and will make your life much easier.

According to getaballpark website:

Let’s face it, there’s a glut of invoicing apps out there. While there are some that come close to hitting the mark, they all manage to ignore the most important part of doing business: communication. Creating the invoice itself is only the first step – it’s invariably followed by days of back and forth email, corralling payments, haggling, and worst of all, a constant stream of CC’d emails updating your team. Ballpark is made for the real world: it centralizes communication with your team and clients into an easy use system that simplifies the process for everyone.

So signup for a free trial account and enjoy your stay there.

If you were looking tools for editing images or just to play a trick on a friend, search no more.

The below list of 30 sites for editing pics based on Web 2.0 will show you were to go to have some image fun.

1. Aviary Phoenix

2. Fotoflexer

3. Splashup

4. Picnik

5. SUMO Paint

6. Pixlr

7. MyPictr

8. Pixenate

9. Resizr

10. Flauntr

11. DrPic

12. Pixer.us

13. Phixr

14. LunaPic

15. BeFunky

16. Pizap

17. Pikipimp

18. Web Resizer

19. Online Image Editor

20. Alilg

22. LoonaPix

23. Fun Photo Box

24. Picture2Life

25. Pho.to

26. Write On It

27. Photo 505

28. Dumpr

29. FACEinHOLE

30. Photoshop.com

via Dotpod

Besides the automatic backup of the hosting web-provider I setup some easy to use windows-tasks for extra daily database backups for my SMS Reminder Web App on www.1sms2remind.com

How?

Step 1 : SQL server export

You can use some small free Tool (MS SQL Database Publishing wizard) to export all Data + DB creation scripts to regular SQL syntax

The next command will do this job for you.

export_MyDB.bat

“C:\Program Files\Microsoft SQL Server\90\Tools\Publishing\sqlpubwiz.exe” script -C “Data Source=.\SQLEXPRESS;Initial Catalog=MyDB;Integrated Security=True” -f “c:\backup\MyDB\mydb.sql”

Step 2 : Compress by standard Windows Zip

Compress_MyDB.vbs

Dim source, target

source = “C:\backup\MyDb\”

target = “C:\backup\MyDB.zip”

Call fzip(source, target)

Function fZip(sSourceFolder,sTargetZIPFile)

‘This function will add all of the files in a source folder to a ZIP file

‘using Windows’ native folder ZIP capability.

‘Returns an integer 0 if everything went ok.

Dim oShellApp, oFSO, iErr, sErrSource, sErrDescription

Set oShellApp = CreateObject(“Shell.Application”)

Set oFSO = CreateObject(“Scripting.FileSystemObject”)

‘The source folder needs to have a \ on the End

If Right(sSourceFolder,1) <> “\” Then sSourceFolder = sSourceFolder & “\”

On Error Resume Next

‘If a target ZIP exists already, delete it

If oFSO.FileExists(sTargetZIPFile) Then oFSO.DeleteFile sTargetZIPFile,True

iErr = Err.Number

On Error GoTo 0

If iErr <> 0 Then

fZip = iErr

Exit Function

End If

On Error Resume Next

‘Write the fileheader for a blank zipfile.

oFSO.OpenTextFile(sTargetZIPFile, 2, True).Write “PK” & Chr(5) & Chr(6) & String(18, Chr(0))

iErr = Err.Number

On Error GoTo 0

If iErr <> 0 Then

fZip = iErr

Exit Function

End If

On Error Resume Next

‘Start copying files into the zip from the source folder.

oShellApp.NameSpace(sTargetZIPFile).CopyHere oShellApp.NameSpace(sSourceFolder).Items

iErr = Err.Number

On Error GoTo 0

If iErr <> 0 Then

fZip = iErr

Exit Function

End If

‘Because the copying occurs in a separate process, the script will just continue.  Run a DO…LOOP to prevent the function

‘from exiting until the file is finished zipping.

Do Until oShellApp.NameSpace(sTargetZIPFile).Items.Count = oShellApp.NameSpace(sSourceFolder).Items.Count

WScript.Sleep 500

Loop

fZip = 0

End Function

Step 3 : EMail compressed extract

email_MyDB.vbs

Set objMessage = CreateObject(“CDO.Message”)

objMessage.Subject = “AutoBackup MyDb”

objMessage.From = “Backup@YourEmail.com”

objMessage.To = “Filip@YourEmail.com”

objMessage.TextBody = “AutoBackup of MyDb”

objMessage.AddAttachment “c:\backup\MyDb.zip”

objMessage.Send

Final Step

Schedule the 3 steps via Scheduled Tasks in Windows.

We’re going to read this timely NYT article on net neutrality in class. And another link for class: an explanation of the CSS box model. Hello width! We are so ready for you!

Someone in class — I think Steve — asked how to use the p element to indent new paragraphs: here’s a great explanation, courtesy of your friends the w3.

More CSS resources for you: a handy color picker tool with which you can test out color combinations before coding them.  But what’s that? You don’t see that special color of your dreams among those swatches? Then this dynamic cloud color picker is for you — note that it helpfully informs you if your selection is websafe or not.

A follow up to the Top 10 reasons Apple is Overrated

Reason number 11

A claim by security expert Charlie Miller that “Snow Leopard’s more secure than [previous release] Leopard, but it’s not as secure as Vista or Windows 7.”

Interesting when one of the loudest horns Apple keeps tooting is their resilience against virus’ and spy-ware.

Address space layout randomization (ASLR) is the key difference Miller points to.  Vista upgraded their version of this random memory placement tool, but Apple has ignored Vista’s updates and made none of their own.

Charlie says that Macs get hacked less, but not because they’re harder to get into, but simply because there are significantly less out there than there are PCs.  He says “That’s because if [the hacker] can hit 90 per cent of the machines out there, that’s all he’s gonna do. It’s not worth him nearly doubling his work just to get that last 10 per cent.”

So Apple’s claim to security fame… not so impressive.

Reason number 12

Apple has been lying to the FCC – a federal offense.

Image via CrunchBase

Ok so I know it’s not a technical reason, but still. Apple has rejected (or according to Apple, is still pondering over) the Google Voice app. Apple has been denying this rejection but Google recently submitted a letter to the FCC stating that they have screenshots documenting the rejection.

But Apple won’t back down and in a recent letter to the FCC still says they have “not rejected the Google Voice application and we continue to discuss it with Google.”

Apple lists in that letter that Google Voice falls in the same category as 3 other third party GV apps.  Those apps strangely enough have all been removed from the app store.  In fact, the company behind one app sent a screenshot confirming their rejection from the app store to Tech Crunch. So why would Apple categorize Google Voice with other rejected apps if GV wasn’t rejected, but merely “under consideration.”

Lying to the FCC – there’s an app for that.