I’ve been working on this project with my students in Web Devleopment 2 this semester. And it’s time to see if it makes sense or is at all fun and note tons of obvious bugs! “Bevin Kacon” as I’m snarkily calling it, is a movie trivia game based on Six Degrees of Kevin Bacon – just find […]
I’ve been working on this project with my students in Web Devleopment 2 this semester. And it’s time to see if it makes sense or is at all fun and note tons of obvious bugs! “Bevin Kacon” as I’m snarkily calling it, is a movie trivia game based on Six Degrees of Kevin Bacon – just find the shortest path between two actors through their film and television roles. Try it out and let me know what you think. Below is an animation that shows the basics:
- Two random actors are picked
- Use credits for the actor on the left and find a path to the finish actor on your right.
- Select one of the start actor’s movie or tv credits. If the finish actor on the right appeared in the same credit you’re made a match!
- If no match, the movie or tv credit will show its main cast. Pick a new actor to try and connect that actor to your finish actor.
- New movie and tv credits are displayed, try again to match a credit to your finish actor!
- You have up to
six unlimited movie or tv credits to make your match. Or you have to make your match within six degrees of separation.
- Track your path taken at anytime by selecting the “Degree Count” tab.
- Get hints by seeing three movie/tv credits of the finish actor at a time with the “Get a Hint” tab.
- cast/credits nav trade innerText
finish show start Actor in the top box
- degree count and hint count at the top
fix the sticky header
- make sure the more button counts the length of the credits array
- better set of cast members for tv show. Notice that Game of Thrones doesn’t return the Dothraki king as a main cast member. How to combine main cast members across seasons.
- vote count multiplier for tv shows to rank them higher?
- Jackie Cruz gave two tiles for orange is the new black and pushed two tiles to the degree count as well. Means it might be good to fix the data structure???
- Disable the credits and get a hint links when game is over
- Limit the number of guesses to six
- Shortest path problem (this is the biggy and is going to take awhile
- Fix really small width screens. Consider rebuilding CSS with bootstrap or just from scratch.
- Check start and finish actors don’t match at
** This post was created by Professor Smith a few years ago, it still holds true as a great example for our first assignment.
Your goal this week will be to read the posts listed in our class calendar. Absorb them and then begin to prepare and gather all of needed media, images, links and content to create and publish your first blog post to our class website.
Prof. Smith mentions:
In today’s first class we quickly covered the basics of your first post. I created a quick post about what I loved about the Olympics. And now it’s your turn to share something in a post as well!
Take time to introduce anything you want about yourself and describe a piece of the internet that is “making you happy” this week. Share what the content is about, the media format, and the online space in which is was discovered. Make sure it’s something you can ’embed’ in your post and be sure to link back to the original source of the the item.
Below is an example:
I discovered recently a writer who made side-by-side comparisons of frames from the Simpsons with frames from the original movies that inspired the cartoon. I love this kind work because it shows how culture is seemingly endlessly recycled and remixed.
Here’s the original scene from the 1960 film Psycho:
Here at camp I’ve finally worked through my Bootstrap tutorials and created a spec site for a much larger project that I’m hoping to work on this summer. As part of my learning to code binge , I’m planning to learn the basics of Python and OpenCV to try and make an image processing application. The […]
Here at camp I’ve finally worked through my Bootstrap tutorials and created a spec site for a much larger project that I’m hoping to work on this summer. As part of my learning to code binge , I’m planning to learn the basics of Python and OpenCV to try and make an image processing application. The goal is to make a tool which would allow someone to upload still(s) from a modern movie and create a retro VHS case design. I know I can create all the cover design assets – box format, stickers, logos, and worn edges – but building the tool will be daunting. I’ve always wanted to build an image editing tool, Ryan and I have loved so many awesome ones. I have Python and OpenCV tutorials to get me started, so we’ll see how much I can figure out! The Modern VHS site‘s form actually works (my PHP skills in action!), so if I ever get it working and you want to know about it join the mailing list.
And to be good about summer camp letters to myself, I’m reporting out on my Modern VHS spec site built in Bootstrap.
I’m definitely getting a bit more comfortable with creating custom css to adapt all the various components to look the way I want them. But working with all the classes in particular the break points for columns and the offsets requires a lot of futzing. And getting the inline form to actually center, was only possible due to Stackoverflow. I love how much people share solutions on that site. Amazing. Also, I did get my card stack of the three example VHS covers to break from three, to two, to one. I like the two columns much better than seeing three columns really narrow.
And as for campers, well no students showed yesterday but today I have one. Also, Mariana Funes and I are still keeping each other company via a Google Doc. It’s starting to become a nice little record of our learning and discourse. I definitely helps me keep going. Thanks Mariana!
Code summer camp has been off to a nice start. There have been about six students who have taken advantage of the offer to come into York College and use the lab and each other to get some work done. In particular, shout out to Neyser who’s come three out of our first four days. […]
Code summer camp has been off to a nice start. There have been about six students who have taken advantage of the offer to come into York College and use the lab and each other to get some work done. In particular, shout out to Neyser who’s come three out of our first four days. He’s working on rebuilding his portfolio in Bootstrap after having learned a ton on his final project which was a UX for a college roommate finder.
It’s also been nice to have a little discourse going with Mariana Funes via a google doc about her efforts to prepare for her upcoming web development bootcamp. I’m hoping she’ll find useful some of the tutorials I made for this year’s web design and web development courses. The nice thing is that some of the c-Panel, FTP, and PHPMyAdmin stuff is Reclaim Hosting specific. So you Relcaimers will benefit.
For myself, I’m finally getting into some tutorials and have really gotten into Bootstrap. I guess it’s about time! So powerful and fairly straightforward to use. I’ve been using Bootstrap 4’s alpha version 6, which uses Flexbox’s grid system by default. So that’s something else to learn. I haven’t been able to get too much done yet as last week required a bunch of finishing of end of semester chores – grading and the like – but a little navbar, forms/tables, and few other components.
Overall very happy to see students coming to the lab during the summer. It’s already been a big help for me productivity-wise, and I’m hoping them as well. As the summer progresses I’m hoping to transition to tutorials for half the day and project work the second half. I’ve some ideas that I want to pursue, but some skills must be built first!
This summer I’m going to be hosting a code summer camp for my students at York College. I’ve been honest with them in that it’s as much for me as it is for them. It’s been an unusual year in which I’ve started teaching web design and development for the first time. Though I’ve built websites […]
It was getting ridiculous this spring while teaching the web development course for which I was getting up at 4AM to review tutorials, take notes on them, and then present them while recording the screencast. My Youtube account is now filled with a ridiculous number of screencasts with me often stumbling to find the missing semi-colon, $ on a variable, or improperly closed parenthesis or curly bracket.
But I actually I loved it. I’ve been meaning for the longest time to force myself to learn to code in a more structured way. And what better way to do so than to do some just-in-time-preparation to teach! I have so much to learn still and a little company get through the summer is what I’m looking for.
I’ve a rough plan for the structure of the summer camp which is heavily inspired by a Freakononmics podcast on which Owain Service was interviewed about the UK “Nudge Unit.” That group had been using what the literature of behavioral psychology tells us about how to help people accomplish larger goals through managing a series of smaller tasks. So instead of focusing on the goal of building an python application to edit photos (more on that later), it’s better to “think small” – determine specific things to do at specific times to help toward the goal.
This kind of covers the first two steps – set a goal and make a plan (small chunks). But the third step is to make it public, which is where our summer code club comes in. Each day we come in we’ll have two blocks of time to work for three hours. But you’ll need to declare on the whiteboard what you plan to do for those three hours. This is third step, making your plan public. By making it public people tend to stick their commitments. We also have time to check in between the one hour blocks.
Finally, we’ll tell each other what you’ll reward yourself with if you follow your plan. This is the final step from the nudge group playbook. Putting something meaningful at stake, using “temptation bundling” to help you through the work.
It’s just the initial plan and we’re going to start next week. I’m planning to use my final block at least a couple days a week to blog, so hopefully there will be more to read about how it goes.We’re going to start next Tuesday May 30th. On that first day we’ll probably use the first block to discuss goals and plans. At York, we’ll have dozens of video tutorials you can work through if you’re just looking to build some basic skills in lots of different areas.
And if people want to join in from the web, we could create a public Google Doc for posting your commitments and rewards.
Here’s the sign-up form.