iOS/iPhone Collection View (UICollectionView) and JSON (Web Server URL)

CREATE TABLE `images` (
  `ImageID` int(3) NOT NULL auto_increment,
  `Name` varchar(50) NOT NULL,
  `Path` varchar(100) NOT NULL,
  PRIMARY KEY  (`ImageID`)
) ENGINE=MyISAM AUTO_INCREMENT=10 ;

-- 
-- Dumping data for table `images`
-- 

INSERT INTO `images` VALUES (1, 'Image 1', 'https://www.thaicreate.com/url/img1.png');
INSERT INTO `images` VALUES (2, 'Image 2', 'https://www.thaicreate.com/url/img2.png');
INSERT INTO `images` VALUES (3, 'Image 3', 'https://www.thaicreate.com/url/img3.png');
INSERT INTO `images` VALUES (4, 'Image 4', 'https://www.thaicreate.com/url/img4.png');
INSERT INTO `images` VALUES (5, 'Image 5', 'https://www.thaicreate.com/url/img5.png');
INSERT INTO `images` VALUES (6, 'Image 6', 'https://www.thaicreate.com/url/img6.png');
INSERT INTO `images` VALUES (7, 'Image 7', 'https://www.thaicreate.com/url/img7.png');
INSERT INTO `images` VALUES (8, 'Image 8', 'https://www.thaicreate.com/url/img8.png');
INSERT INTO `images` VALUES (9, 'Image 9', 'https://www.thaicreate.com/url/img9.png');

<?php
	$objConnect = mysql_connect("localhost","root","root");
	$objDB = mysql_select_db("mydatabase");
	$strSQL = "SELECT * FROM images WHERE 1  ";
	$objQuery = mysql_query($strSQL);
	$intNumField = mysql_num_fields($objQuery);
	$resultArray = array();
	while($obResult = mysql_fetch_array($objQuery))
	{
		$arrCol = array();
		for($i=0;$i<$intNumField;$i++)
		{
			$arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i];
		}
		array_push($resultArray,$arrCol);
	}
	
	mysql_close($objConnect);
	
	echo json_encode($resultArray);
?>

    NSMutableArray *myObject;
    
    // A dictionary object
    NSDictionary *dict;
    
    // Define keys
    NSString *imageid;
    NSString *name;
    NSString *path;

        // Define keys
    imageid = @"ImageID";
    name = @"Name";
    path = @"Path";
    
    // Create array to hold dictionaries
    myObject = [[NSMutableArray alloc] init];
    
    NSData *jsonData = [NSData dataWithContentsOfURL:
                        [NSURL URLWithString:@"https://www.thaicreate.com/url/getImages.php"]];
    
    id jsonObjects = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingMutableContainers error:nil];
    
    // values in foreach loop
    for (NSDictionary *dataDict in jsonObjects) {
        NSString *strImageID = [dataDict objectForKey:@"ImageID"];
        NSString *strName = [dataDict objectForKey:@"Name"];
        NSString *strPath = [dataDict objectForKey:@"Path"];
        
        dict = [NSDictionary dictionaryWithObjectsAndKeys:
                strImageID, imageid,
                strName, name,
                strPath, path,
                nil];
        [myObject addObject:dict];
    }

//
//  MasterViewController.h
//  CollectionViewApp
//
//  Created by Weerachai on 11/3/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface MasterViewController : UICollectionViewController

@end

//
//  MasterViewController.m
//  CollectionViewApp
//
//  Created by Weerachai on 11/3/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import "MasterViewController.h"
#import "CustomColumnCell.h"
#import "DetailViewController.h"

@interface MasterViewController ()
{
    NSMutableArray *myObject;
    
    // A dictionary object
    NSDictionary *dict;
    
    // Define keys
    NSString *imageid;
    NSString *name;
    NSString *path;
}

@end

@implementation MasterViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view.
    
    // Define keys
    imageid = @"ImageID";
    name = @"Name";
    path = @"Path";
    
    // Create array to hold dictionaries
    myObject = [[NSMutableArray alloc] init];
    
    NSData *jsonData = [NSData dataWithContentsOfURL:
                        [NSURL URLWithString:@"https://www.thaicreate.com/url/getImages.php"]];
    
    id jsonObjects = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingMutableContainers error:nil];
    
    // values in foreach loop
    for (NSDictionary *dataDict in jsonObjects) {
        NSString *strImageID = [dataDict objectForKey:@"ImageID"];
        NSString *strName = [dataDict objectForKey:@"Name"];
        NSString *strPath = [dataDict objectForKey:@"Path"];
        
        dict = [NSDictionary dictionaryWithObjectsAndKeys:
                strImageID, imageid,
                strName, name,
                strPath, path,
                nil];
        [myObject addObject:dict];
    }
    
}

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return myObject.count;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
                 cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    
    CustomColumnCell *myCell = [collectionView
                                dequeueReusableCellWithReuseIdentifier:@"myCell"
                                forIndexPath:indexPath];
    
    NSDictionary *tmpDict = [myObject objectAtIndex:indexPath.row];
    
    NSURL *url = [NSURL URLWithString:[tmpDict objectForKey:path]];
    NSData *data = [NSData dataWithContentsOfURL:url];
    UIImage *img = [[UIImage alloc] initWithData:data];
    
    myCell.displayImage.image = img;
    myCell.displayDetail.text= [tmpDict objectForKey:name];

    return myCell;
    
}


- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    
    if ([[segue identifier] isEqualToString:@"showDetail"]) {
        
        NSIndexPath *IndexPath = [[self.collectionView indexPathsForSelectedItems] objectAtIndex:0];
        NSDictionary *tmpDict = [myObject objectAtIndex:IndexPath.row];

        [[segue destinationViewController] setImageItem:[tmpDict objectForKey:path]];
        [[segue destinationViewController] setDetailItem:[tmpDict objectForKey:name]];

    }
    
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

//
//  CustomColumnCell.h
//  CollectionViewApp
//
//  Created by Weerachai on 11/3/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface CustomColumnCell : UICollectionViewCell

@property (nonatomic, strong) IBOutlet UIImageView *displayImage;
@property (nonatomic, strong) IBOutlet UILabel *displayDetail;

@end

//
//  CustomColumnCell.m
//  CollectionViewApp
//
//  Created by Weerachai on 11/3/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import "CustomColumnCell.h"

@implementation CustomColumnCell

@synthesize displayImage = _displayImage;
@synthesize displayDetail = _displayDetail;

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
    }
    return self;
}

@end

//
//  DetailViewController.h
//  CollectionViewApp
//
//  Created by Weerachai on 11/3/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface DetailViewController : UIViewController
{
    IBOutlet UIImageView *imgViewImage;
    IBOutlet UILabel *lblViewDetail;
}

@property (strong, nonatomic) id sImage;
@property (strong, nonatomic) id sDetail;

-(void) setImageItem:(id) newImage;
-(void) setDetailItem:(id) newDetail;

@end

//
//  DetailViewController.m
//  CollectionViewApp
//
//  Created by Weerachai on 11/3/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import "DetailViewController.h"

@interface DetailViewController ()

@end

@implementation DetailViewController

@synthesize sImage;
@synthesize sDetail;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view.
    
    NSURL *url = [NSURL URLWithString:[sImage description]];
    NSData *data = [NSData dataWithContentsOfURL:url];
    UIImage *img = [[UIImage alloc] initWithData:data];

    imgViewImage.image = img;
    
    lblViewDetail.text = [sDetail description];
}

- (void)setImageItem:(id)newImage
{
    sImage = newImage;
}

- (void)setDetailItem:(id)newDetail
{
    sDetail = newDetail;
}


- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (void)dealloc {
    [imgViewImage release];
    [lblViewDetail release];
    [super dealloc];
}
@end