Jonathan Gardner's Portfolio


Director

    The applications listed in this section were all done in Macromedia Director. I worked on all of these applications while I worked at Inhance Digital. I do have the executables available for download, but there are extremely large. I wouldn't suggest downloading them unless you really need to see that application running. I have tried to display images that show some of the main aspects of the projects. If you need any more information check out my Contact Info page and let me know. I retain all rights to the material that is available for download or viewable.




Cisco IDemo v8
Project Title : Cisco IDemo
Application Title : Cisco IDemo v8
Date Completed : February 2008
Project Timeline : 7 weeks from January 14th '08 to February 29th '08
Team (roles) :
  Jonathan Gardner (Programming Lead, Designer, Documentation, Multimedia/Image Editing)
Application Type : Informative, Business Demo, Presentation
Location : Los Angeles, CA
Project Type : Work Related, Job
Client :
  Cisco Systems
Company I Worked For :
  Inhance Digital
Supervisor :
  Mazi Farzam -President
Downloads :
  I have 2 versions of the download available. The first is an entire directory, but it is a WinRar file. You will need WinRar to open the file. The second version is the other 3 zips. The first one has everything but the videos. The videos are separated into 2 zip files. All of the videos files need to be located in the video folder. You only need 1 version to run the application. Both downloads are identical, the only difference is the compression format for the website. *NOTE* These WILL take a long time to download.

  * IDemo_App_All.rar *  ( ~ 3.03 GB)
  IDemo_App_NoVids.zip  ( ~ 60.4 MB)
  IDemo_App_Video_Part1.zip  ( ~ 1.64 GB)
  IDemo_App_Video_Part2.zip  ( ~ 1.58 GB)

Project Details :
  This was the first major project that I worked on while at Inhance. This application was very complex, and required a lot of code to operate correctly. I was asked to add new features and upgrade some of the older features. So there was quiet a bit of base code to start with. The only issue with this was that I didn't have the most experience with Director when I started. I soon learned quite a bit about the application and the programming behind it. I'd say within a week I had a good understanding of the code and had started working on some of the improvements.

  This was also probably the most advanced application that I worked while at Inhance. There were a lot of Gui enhancements and user input changes. I also had to design some new menus and other Gui objects. One of the other key features I had to develop was the use and playback of video files. This section was entirely new to the project, so I had to develop this part from scratch. There were a few main features that the playback had to have. They were : Chapter Marks, Looping ability (anywhere inside the video clip and the entire video if needed), Play/Pause, and Next/Previous abilities.

  The playback feature was probably the most difficult features for the project that I had to work on. I had never used director to read in the external files like this before. I had used it to do some more standard features, like play/pause and rewind/fast forward. The looping and next/previous features were more or less new for me on this project. The kicker was that the chapter marks and looping points all had to be read in from a text file. You can view this information in the 'Movie pauses.txt' file. The thing that made this difficult was that the parser was partially written for playback and menu transitions.

  This basically meant that I had to update the parsing to handle the looping ability. This issue here was that it also had to handle the chapter points in the same data structure. At first this was a bit of a challenge. After a few trials and some debugging, I finally got the parser to read in both the pause points and loops from the same data structure. The fun part to this was that I had to then later walk all of the videos and reset all of the break points and loops. These needed to be done on just about all of the movies. Mostly because either the movies were new, or updates were made to the existing movies. It was a little tedious, but overall it worked out really well.

  The other main part of the application that was updated was the interface and transitions. This was probably what I spent the most time on during this project. There are a lot of menus and buttons in this application that had to be redone. At first Mazi gave me a guideline (or storyboard) for what they were looking to accomplish here. I worked with Mazi for a couple days finding possible solutions to the new buttons and interface. We did some trial runs with a few ideas before settling on the final version.

  This did give me the opportunity to work on some production assets. I was able to work on some of the images and design some of the new buttons. I also created some of the new buttons and layouts for the information. Since my main role wasn't artwork, some of this was shuffled over to an artist. I was actually able to work on some of the videos as well. I used 2 applications, Vegas and QuickTime Pro to do some of the editing.

  Overall I was kind of happy to work on a few different aspects of the project. It really gave me a real life perspective on the production of an application. Lastly I have some screenshots of various parts of the application below. Hopefully they will give you a good idea of how the application is set up and how it works.

  Note : Alt+Q will exit the application.

  Screenshots :

  These two images are of the front menu. The left one is the menu without any section highlighted in the default ideal state. It shows each section without the buttons, but not grayed out. The one on the right is of the menu in the default ideal state. All of the sections are grayed out.

Idemo Main Menu No Highlights      Idemo Main Menu Security Layer Highlighted


  These two images are of the front menu as well. The left image shows the Network layer highlighted with a couple buttons pressed. The one on the right has the Application layer highlighted. Each section on the main menu is highlighted when the mouse rolls over it.

Idemo Main Menu Network Layer Highlighted      Idemo Main Menu Application Layer Highlighted


  The left image shows the Service Layer highlighted. The one on the right is a submenu with a video playing. This video is in the WiMax Section and is also at a loop point.

Idemo Main Menu Service Layer Highlighted      Idemo Sub Menu at Loop Point


  These two images are from the same sub menu. The one on the left shows the initial menu disabled. The Laptop is interactive with button clicks on each icon. When an icon is clicked the movie for that specific section plays. Once the intro movie is done playing, the buttons on the right become active. This one also has one of the buttons highlighted.

Idemo Sub Menu with Highlight      Idemo Sub Menu before Highlight



Top

Connected Home
Project Title : Connected Home 720p, 1080p
Application Title : Connected Home
Date Completed : April 2008
Project Timeline : 4 Weeks from March 3rd '08 to April 2nd '08
Team (roles) :
  Jonathan Gardner (Programming Lead, Designer, Documentation)
Application Type : Informative, Business Demo, Presentation
Location : Los Angeles, CA
Project Type : Work Related, Job
Client :
  Cisco Systems
Company I Worked For :
  Inhance Digital
Supervisor :
  Penn Arthur -CEO
Downloads :
  ConHom_720p_App.zip  ( ~ 227 MB) (1280x720 Resolution)
  ConHome_1080p_App.zip  ( ~ 272 MB) (1920x1080 Resolution)

Project Details :
  This was a fun application to work on. It was also the application that I worked on solely for Penn. But this application was started from scratch on my end with Director. Penn let me know that there was already a layout setup for this application. Basically there would be a video display in the center with buttons around the edges. These buttons would need a highlight, and also have to display a specific informative image.

  So with the layout and a design setup, getting a demo version of the application up and running was fairly simple. I only say demo because it took almost 3 weeks after the start date to get all of the assets completed. I had uses some placeholder assets to demonstrate most of the aspects of the project. After clearing most of the functionality with Penn, I started to work on the images and the buttons. I had talked to one of the art guys, and he was able to get me the background image pretty quick. Since he was working on another project, I offered to do the buttons. So I got to spend a few days working on the buttons.

  There was only one catch to the artwork assets on this application. There are 2 versions, one in 720p and the other in 1080p. So the first set of artwork I did was for the 720p version. Once I had the buttons ready, I got them into the application. Having these in the application on the main background really helped out. The application really seemed to move fast after that. The artwork made it feel more complete then the placeholder stuff. Once I had the artwork (mainly the images and buttons) for the 720p version, I started to work on the 1080p version.

  By the time I finished the buttons and programming for the 720p version, the art guys had completed some of the assets on the 1080p version. So I helped finish up the buttons for the 1080p version. After getting all of the interface and buttons in the 1080p version, I started to get the videos in. It took roughly 2 weeks to compile and render out both versions of the videos. I actually had a complete application after about 2 weeks. I also had most of the videos in as well.

  After demonstrating this version to Penn, we showed a version to the client. At this point they had decided to change some of the graphical assets. Not that this was a huge problem, but it did cause the art guys and me to redo all of the images and buttons. It took just over a week to get all of the images and buttons redone. One thing that almost set us back was the videos. I'm not sure what happened with the videos, but I think the compression we were using wasn't compatible with some of the clients' machines. But outside of the videos, I had the application ready to go a few days before the deadline. I think we finished rendering the new videos the night before the deadline.

  Here I will describe the application itself. The application has a center section that displays images and video files. The buttons along the left and right are used to display 'highlights' (images), and play videos. When you Hoover over the buttons an image will appear in the center of the application and display some information. The buttons at the bottom are used for playback. There is a 'Play'/'Pause' button, a 'Stop' button, a 'Loop' button, and a 'Loop All' button. The 'Loop' button will cause the most recent video to continually loop. The 'Loop All' button will cause the application to loop all of the videos in order. Starting with the Overview video, the application will play the videos in order. They start from the left and go down in order. Then the application will play the videos on the right from top to bottom.

  Overall the application came out really well. The Cisco guys were impressed with the quality of the application with the artwork changes. So that worked out really well. Here are the specs for each of the versions. If you want to run the 720p version, you need to have a monitor resolution that can hold at least a 1280x720 application. If you would like to run the 1080p version, your monitor will need to be able to display a resolution of at least 1920x1080. If your resolution is smaller then these specs, the application will center itself in the screen. Any parts of the application that extend farther then the screen will just be drawn off screen. Below are some images from the 720p version.

  Note : Alt+Q will exit the application.

  Screenshots :

  The first set of images are of the Main Menu and some of the highlights. Each button on the left and right has a specific highlighted image. That also displays information about the electronics used in the center of the application. Each of the electronic interfaces is shown with a descriptive tag. These are just a few of the highlights. When any of the buttons are clicked, they will play an informative video in the center of the screen.

Connected Home -Main Menu


Connected Home -Connected Entertainment Highlight


Connected Home -Home Monitor System Highlight


Connected Home -Remote Access Highlight


  The second set of images here are screens of the videos. After pressing one of the buttons, a video will be displayed in the center of the screen. If you notice there is a 'Play/Pause', 'Stop', 'Loop', and 'Loop All' buttons at the bottom. These, while active throughout the application, are only really used during playback.

Connected Home -Overview Video


Connected Home -Home Automation Video


Connected Home -TV To Go Video


Connected Home -Whole Home Video



Top

Baxter Trivia Game
Project Title : Baxter Trivia Game
Application Title : Baxter
Date Completed : May 2008
Project Timeline : 4 Weeks from April 14th '08 to May 12th '08
Team (roles) :
  Jonathan Gardner (Programming Lead, Designer, Documentation)
Application Type : Informative, Presentation, Interactive (Game)
Location : Los Angeles, CA
Project Type : Work Related, Job
Client :
  Baxter Healthcare Corporation
Company I Worked For :
  Inhance Digital
Supervisors :
  Mazi Farzam -President
  Penn Arthur -CEO
Downloads :
  Baxter_App.zip  ( ~ 397 MB)

Project Details :
  The Baxter application was a bit tricky to work on. This application has 2 parts : a Server, and Client(s). While possible, it was a pain to try and get the application working on a single PC. It is best to run the application with multiple PCs. I would suggest at least 2, one for the Server, and any additional PCS for the Clients. You can have a max of 4 players in this application. So if you used all 4 players and a server, you would need 5 PCs.

  This application gives you a total of 12 questions. Most of them have to do with health care or Baxter itself. There are 4 categories, and 3 classifications. The 4 categories are : Safety, Efficiency, Compliance, and Wild Card. The 3 classifications of questions are : Snapshot, Word For Word, and MovieTime. The MovieTime questions all play a video for the user. The rest of the questions have images and text for the player to read.

  This application is also on a timer. Once the application timer expires, the game will end and return to the main menu. There is also a timer on each question. Each player has only 7 seconds to answer each question. The faster the response, the higher the players score will be. One objective of the application is to obtain the highest score possible.

  Now for getting the application to run. As I mentioned above, you should use at least 2 PCs. The first should run the Shockwave MUS names : 'MultiuserServer.exe'. This is the first exe you must run in order to get the application running correctly. Once this is running you will need to check the IP of that machine. You can get the IP of the MultiServer by going to Status and clicking on Server. The IP you get from the application will need to be entered into the 'AutoConnect.txt' text file. Inside the 'AutoConnect.txt' file, the #serverID:"192.168.2.7" IP address needs to match the IP from the MultiServer. So basically all you will need to do is replace the 192.168.2.7 address with the IP address of your server.

  Once you have that set on all the Clients and the Server PC, you are ready to go. The Server PC should also run the 'Main' (Baxter_ASHP_Trivia_Main_10.exe) file as well. This is the Server for the individual Clients of the application. The clients all connect to the main exe. Once you have the Main.exe running, the next step is to run the Clients. To run a Client, just run the 'Baxter_ASHP_Trivia_Player_08.exe' application. Once ready the application will ask all of the players (or clients) to enter a name. When everyone is ready, use the 'Main' will start the game. From here each player will answer the questions and obtain a score. Below are some images for reference.

  Note : Alt+Q will exit the application.

  Screenshots :

Baxter Waiting For Players


Baxter Full Board      Baxter Partial Board


Baxter Eff? Movie      Baxter Safety? Snap


Baxter Wild? Movie      Baxter Comp? Word


Baxter Final Round Display      Baxter Final Round Points


Baxter Final Round Question



Top

Valeant Kiosk Quiz
Project Title : Valeant Kiosk Quiz
Application Title : Valeant Kiosk Quiz
Date Completed : April 2008
Project Timeline : 2 Weeks from April 14th '08 to April 29th '08
Team (roles) :
  Jonathan Gardner (Programming Lead)
Application Type : Informative, Business Demo (Kiosk), Presentation
Location : Los Angeles, CA
Project Type : Work Related, Job
Client :
  Three Rivers Pharmaceuticals
Company I Worked For :
  Inhance Digital
Supervisor :
  Mazi Farzam -President
Downloads :
  Valeant_App.zip  ( ~ 510 MB)

Project Details :
  This application was a fairly simple update. I didn't add a lot of programming to this application. Mostly I updated text and video information. There were some updates to the buttons and how the information was read in. There are 2 versions of this application though. The first is for a touch screen kiosk, and the second is for a PC. This application was used to be informative about a couple diseases. It is a very fast application, with simple input for 3 questions. The application is in a never ending loop as well. Other then that There isn't much to explain about it. I have a few Images below.

  Note : Alt+Q will exit the application.

  Screenshots :

Valeant Intro Movie      Valeant Question


Valeant Answer      Valeant Credits







Website Home
Std Ver Home


Portfolio
  -Resume
  -Professional Experience
  -Personal Intel
  -Programming
    >C++
    >C#
    >Director
      ~IDemo
      ~Connected Home
      ~Baxter Trivia Game
      ~Valeant Kiosk Quiz
    >Flash
    >Lua
    >Mods/Other
    >VB6/VB.net
  -Multimedia
  -Web
  -Documentation
  -Contact Info
  -Downloads

Services

Personal Data

Site Map

Error Reports