I’ve started collecting a list of links to what I consider to be great Cinema 4D Tutorials. I’ll try to note the version number of the software for each one. Some are full tutorials from other sites and some are YouTube & Vimeo videos.

Bodypaint

Redox UV mapping with cinema 4d : It’s not in English, but this YouTube Video does a great job of showing you how to UV Map a complete character.
The video runs a little over 36 minutes. Looks to be version 11 or 12.

Character Modeling

Creative Crash – Realtime Character Modeling: I found this approach to Character modeling helpful.  It’s not Cinema 4D (Maya actually), but the concept translates very well.

What I’ve found to be a big help is to manually set your form open tags in your HTML (rather than Code Igniters form_open() method) and disable the AJAX form submission while in development. This will allow you to see the Code Igniter error messages that you code may be generating and allow you to troubleshoot much more easliy.

Simply open your forms like so:

<form action="/dashboard/add_service_record/" method="post" data-ajax="false">

Of course once you know your code works correctly, be sure to re-enable AJAX form submission and include appropriate error reporting in your submission script to be sure that if an error does occur in production, the user is notified.

1. First I need to get the number of entries in the sweepstakes from my database.
2. Second I need to collect the number of entries for each method (I have made provision in my database to record the entry method)
3. Using these numbers, figure my percentages
4. Write some simple CSS to display the results.

To start, I’ll create a Model (Reports_model.php) to store my functions to count my entries. I’ll need 2 functions here… one to count the total entries and one to count each category.

class Report_model extends CI_Model {

function __construct()
{
parent::__construct();
}

function method_count($method)
{
$sql = "SELECT * FROM entries WHERE method = ?";
$query = $this->db->query($sql, $method);
$value = $query->num_rows();
return $value;
}

function entry_count()
{
$sql = "SELECT * FROM entries";
$query = $this->db->query($sql);
$value = $query->num_rows();
return $value;
}

}

number_format(($data['web_count']/$data['total_count'])*100);

for example: If we want to know what percent 47 web entries of 144 total entries is we divide 144 into 47 and get .3263. We then multiply it by 100 to get 32%.

The part of the controller to do our calculations & set our required values looks like this:

$this->load->model('report_model');
$data['total_count'] = $this->report_model->entry_count(); //
$data['text_count'] = $this->report_model->method_count('text');
$data['text_percent'] = number_format(($data['text_count']/$data['total_count'])*100);

$data['mobile_count'] = $this->report_model->method_count('mobile');
$data['mobile_percent'] =  number_format(($data['mobile_count']/$data['total_count'])*100);

$data['web_count'] = $this->report_model->method_count('web');
$data['web_percent'] =  number_format(($data['web_count']/$data['total_count'])*100);

Now we’re ready to create some charts!
in this example, I’m just creating simple horizontal bar charts. We will have an outer cell that we can set to any width we like to fit our layout and an inner data cell to create a color bar that only occupies the proper percentage of the total. You can obviously style your CSS to a design that fits your layout.

The CSS:

.report_cell {
float: left;
padding: 3px;
display: block;
border-color: #7f7f7f;
border-width: 1px;
border-style: solid;
color: #888888;
width: 900px;
height: 24px;
}

.report_data {
line-height: 24px;
color: black;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-color: #edd794;
display: block;
height: 24px;
overflow: hidden;
}

 
<h1>Quick Report</h1>
<h2>Total Entries:</h2>
<span class="flap">Text:</span>
<div class="report_cell">
<div class="report_data" style="width: &lt;?php echo $text_percent;"><span style="margin-left: 8px;"> entries</span></div>
</div>
&nbsp;

<span class="flap">Mobile:</span>
<div class="report_cell">
<div class="report_data" style="width: &lt;?php echo $mobile_percent;"><span style="margin-left: 8px;"> entries</span></div>
</div>
&nbsp;

<span class="flap">Web:</span>
<div class="report_cell">
<div class="report_data" style="width: &lt;?php echo $web_percent;"><span style="margin-left: 8px;"> entries</span></div>
</div>
&nbsp;

Hope this was useful.

quirksmode.org Event Compatibility Tables.

Download Cinema 4D r12 File

Working graphic for my mobile web app project

Building iPhone Apps with HTML, CSS, and JavaScript – Copyright © 2009 Jonathan Stark

JQTouch Documentation – The JQTouch documentation at GitHub

The JQTouch Cheat Sheet – simple post @ PeepCode

Crimson Blog – local databases – a nice article on HTML5 databases and using javvascript to interact with them.

However, one of the issues I found with building mobile websites with JQuery Mobile was that when building multi-page sites in a single HTML file, I frequently found myself editing the content for the wrong page. I try to keep my code commented and separated, but if the code gets very long I find that it becomes unwieldy. The MVC approach of constructing pages in Code Igniter (and I suppose other MVC frameworks for that matter) makes for an ideal construction method for building out multi-page mobile websites as a single HTML document.

First off. This is not intended to be a tutorial on using JQuery Mobile  or Code Igniter. Plenty can be learned about each from their respective websites. It is intended however to outline one, simple method of mobile development.

Within the Code Igniter framework, you can assemble various, independent view files to construct a page. By creating each of your page divs in a separate “View” file, you can keep your code clean and easy to follow.

The structure is simple. With the “Views folder” I create a file for the page top (contains my opening tags and head information as well as my opening BODY tag and my page bottom which contains my closing body & html tags. Those files look basicly like this:

The Head file:

<!DOCTYPE html> 
<html> 
  <head> 
  <title>Page Title</title> 
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a3.min.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a3.min.js"></script>
</head> 
<body>

The Foot File:

</body>
</html>

The Page file (create as many as you need):

<div data-role="Your-page-name-here">

  <div data-role="header">
    <h1>Page Title</h1>
  </div><!-- /header -->

  <div data-role="content">  
    <p>Page content goes here.</p>    
  </div><!-- /content -->

  <div data-role="footer">
    <h4>Page Footer</h4>
  </div><!-- /footer -->
</div><!-- /page -->

Once you have completed all of that, I compile them all in a Controller:

public function index()
  {
  $this->load->view('head');
  $this->load->view('page_one');
  $this->load->view('page_two');
$this->load->view('page_three');
  $this->load->view('foot');
    
  }

It’s as simple as all of that. Of course, this is a fairly simple construction, but from it I think you can see how you can embellish it to create your own mobile pages using these two great OpenSource projects.

If you have never worked with either one of these great projects, links to each one are below.
Code Igniter
JQuery Mobile