Category Archives: cs-wsu

Updating a plugin.

Hello,

 

This week my focus of attention shifted somewhat towards updating a jQuery plugin called farbtastic.js; the code is on github at: https://github.com/mattfarina/farbtastic 

My interest in doing so stems from the fact that this plugin provides a nice and powerful implementation of a color wheel that, with minor modifications I have been able to successfully use in the sketchNcolor version of the coloring app. The idea is that, I can hopefully incorporate this color wheel into the current version of the app in the development branch and/or the final version, and in that way provide a much wider range of of available colors for selection to the end user.

 

As can be noticed on github, the plugin has not been maintained and updated in quite a while and, as it is, it works well with versions of jQuery up to 1.8. As soon as  more recent versions of jQuery(1.9 and on) are called, the plugin breaks. This is due to the fact that the jQuery 1.9 line introduced major changes, and plugins that have not yet been updated require the use of an additional jQuery Migrate plugin. More about that can be found here: http://jquery.com/upgrade-guide/1.9/#overview

 

As of the moment, using the Migrate plugin is an option that works. But updating the plugin would be much better, and great learning experience for sure. The update is not yet complete but, if I succeed, I will provide details about it in future blog post.

 

Until next time,

 

Beto Luna.

From the blog betoluna » CS WSU by betoluna1 and used with permission of the author. All other rights reserved by the author.

WSU App: Slideshow swipe function

Over the past few weeks I have been looking into getting the swipe function to work with our part of the app and ending up trying out a few different coding techniques, none of which seemed to work much to my dismay. However in the past week I was able to find a good “floor plan” of how to set it up in our environment, and we were able to take that floor plan and fit it into the slideshow and finally we saw some progress. It wasn’t much progress at first, but Sean was able to sit down and painstakingly tweak the code and finally got it working the way we need to; aside from the gallery swipe. Some real progress has been made, and now we just have one minor thing left to do, get that gallery swipe-able.

From the blog CS:401 » CS-WSU by dcarlin2013 and used with permission of the author. All other rights reserved by the author.

Quick Post

I figured I would do a quick status update since I have done 2 other post this week detailing on the puzzle application status. Overall I think the puzzle application is working great and looks good! This morning I have pushed the latest version to the development branch and I am excited to see how it looks in KiosPro compared to just the web browser on the iPad.

Hopefully Tim and his boss tomorrow like the progress that our class has made this semester.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

Quick Post

I figured I would do a quick status update since I have done 2 other post this week detailing on the puzzle application status. Overall I think the puzzle application is working great and looks good! This morning I have pushed the latest version to the development branch and I am excited to see how it looks in KiosPro compared to just the web browser on the iPad.

Hopefully Tim and his boss tomorrow like the progress that our class has made this semester.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

Articles chapter update

Articles chapter update

After got the update the articles from Tim this week, the content increased up to 8 chapters. So in my update this week, I have put all the picture and text information into 8 different html files and used existed button “Previous” and “Next” connect between each chapters. But since I having trouble to use the server this week, The size of the image will need to be redone. This should be fixed easily, once I could test on the ipad next week.

From the blog zli1 » cs-wsu by zhengjunli and used with permission of the author. All other rights reserved by the author.

Puzzle will support vertical or horizontal position on iPad!

After Mondays class and from my previous blog I put some time into the app on getting the images from Tim into it and the whole UI all set. The only issue of mine when i finished coding it on Monday night was if the iPad was turned to vertical position the buttons for the sculptures to do the puzzle for would move off the page because they were positioned for the horizontal location. I found a way to fix this with CSS. All you need to do is define @media only screen and (orientation: (either portrait or landscape)) { //Then all of your CSS code }.

So all I had to do was put this into the CSS file for both orientations and set the correct settings and when to display certain images and now the puzzle application can work both ways. Here are 2 screen shots:

ImageImage

 

 

Overall I think the puzzle application is pretty much finished. Hopefully on Monday Tim and his boss like all the changes that have went in. It is exciting to see the final application coming to an end from all of our hard work this semester!

Btw… if testing this on safari web browser the buttons for the sculptures will be not aligned correctly because it is coded to fit the iPad resolution for vertical and horizontal use.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

With work comes results.

I just put way more time into the slideshow than I thought I would have to, but I’ve made some more progress. Through some trial and error and a lot of time, I finally got swipe functionality working! It’s up on the server now!

I had to change around a lot of variables and figure out some new functions, but I was finally able to get it up and running. Swiping only works on a device that has swiping. You can’t test it on your computer, only the iPad. Not a bad design in my opinion, since that is what we are going for.

Tomorrow or this weekend I’ll get it added to the carousel. It’s to late for that right now… I need some sleep. Just wanted to share my success!

The more I work on this, the more I like it! haha

From the blog Sean » cs-wsu by shorton1 and used with permission of the author. All other rights reserved by the author.

With work comes results.

I just put way more time into the slideshow than I thought I would have to, but I’ve made some more progress. Through some trial and error and a lot of time, I finally got swipe functionality working! It’s up on the server now!

I had to change around a lot of variables and figure out some new functions, but I was finally able to get it up and running. Swiping only works on a device that has swiping. You can’t test it on your computer, only the iPad. Not a bad design in my opinion, since that is what we are going for.

Tomorrow or this weekend I’ll get it added to the carousel. It’s to late for that right now… I need some sleep. Just wanted to share my success!

The more I work on this, the more I like it! haha

From the blog Sean » cs-wsu by shorton1 and used with permission of the author. All other rights reserved by the author.

Puzzle will support vertical or horizontal position on iPad!

After Mondays class and from my previous blog I put some time into the app on getting the images from Tim into it and the whole UI all set. The only issue of mine when i finished coding it on Monday night was if the iPad was turned to vertical position the buttons for the sculptures to do the puzzle for would move off the page because they were positioned for the horizontal location. I found a way to fix this with CSS. All you need to do is define @media only screen and (orientation: (either portrait or landscape)) { //Then all of your CSS code }.

So all I had to do was put this into the CSS file for both orientations and set the correct settings and when to display certain images and now the puzzle application can work both ways. Here are 2 screen shots:

ImageImage

 

 

Overall I think the puzzle application is pretty much finished. Hopefully on Monday Tim and his boss like all the changes that have went in. It is exciting to see the final application coming to an end from all of our hard work this semester!

Btw… if testing this on safari web browser the buttons for the sculptures will be not aligned correctly because it is coded to fit the iPad resolution for vertical and horizontal use.

From the blog rwilliams5262 » cs-wsu by rwilliams5262 rwilliams5 and used with permission of the author. All other rights reserved by the author.

Waiting for png’s

Image

I have been waiting on the png’s from the Worcester Art Museum WAM this past week so I am a bit late on this weeks blog.  However I made some changes to the layout last night after meeting with them.  The changes where small and some things are just holding there places now until I can get the png’s,  The extra colors button will be getting a gradient rainbow sort of look.  The tool buttons will be updated with art that flows better and the clear undo and redo buttons will be refreshed as well.  I am still having an issue with undo needing to be clicked twice in mobile safari.  I wish I knew what was causing that.  I am going to create a canvas to house the buttons and I am thinking that should solve the problem but I still am crossing my fingers.  I will update my progress over the weekend.

Till then.

Jason Hintlian

From the blog jasonhintlian » cs-wsu by jasonhintlian and used with permission of the author. All other rights reserved by the author.