Deschidem fișierul “VeiwController.h” și efectuam careva modificări:

• indicam obiectului nostru “ViewController” că va implimenta metode din protocolul ”UIVebViewDelegate“
• adăugăm 3 IBoutlets pentru a interactiona cu elementele din interfața utilizatorului:
1. “urlField” obiectul unde va fi introdusa adresa paginii web.
2. “webBrowser” este elementul care va afișa paginile web.
3. “loadingActivity” indicatorul de activitate al browser-ului nostru.
• adaugăm o metodă IBAction, care va fi chemată la actiune când utilizatorul nostru va apasa pe butoul de navigare “GO”

Acest fișier ar trebui să arate așa

//
//  ViewController.h
//  WebBrowser
//
//  Created by xCode.md on 11/28/11.
//  Copyright (c) 2011 xCode.md. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController<UIWebViewDelegate>
@property (nonatomic, retain) IBOutlet UITextField *urlField;
@property (nonatomic, retain) IBOutlet UIWebView *webBrowser;
@property (nonatomic, retain) IBOutlet UIActivityIndicatorView *loadingActivity;
-(IBAction) navigateUrl;
@end

Acum modificăm fișierul de implimetare “ViewController.m”

În acest fișier direct după @implimetation ViewController, pentru a crea metodele “setters” și “getters” pentru variabilele noastre adaugăm acest cod

@synthesize urlField;
@synthesize webBrowser;
@synthesize loadingActivity;

acum implimentăm codul pentru metoda noastră “navigateUrl”

-(IBAction) navigateUrl
{
    [urlField resignFirstResponder];
    NSURL *url = [NSURL URLWithString:urlField.text];
    NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];
    [webBrowser loadRequest:requestObj];
}

și implimentăm metodele utilizate din protocolul UIWebViewDelegate

- (void)webViewDidStartLoad:(UIWebView *)browser {
    [loadingActivity startAnimating];
}
- (void)webViewDidFinishLoad:(UIWebView *)browser {
     [loadingActivity stopAnimating];
}

Fișierul ar trebui sa conțină urmatorul cod

//
//  ViewController.m
//  WebBrowser
//
//  Created by xCode.md on 11/28/11.
//  Copyright (c) 2011 xCode.md. All rights reserved.
//
#import "ViewController.h"
@implementation ViewController

@synthesize urlField;

@synthesize webBrowser;
@synthesize loadingActivity;

- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Release any cached data, images, etc that aren't in use.
}

#pragma mark - View lifecycle
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}

- (void)viewDidUnload
{
[super viewDidUnload];
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
}

- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
}

- (void)viewDidAppear:(BOOL)animated
{
[super viewDidAppear:animated];
}

- (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
}

- (void)viewDidDisappear:(BOOL)animated
{
[super viewDidDisappear:animated];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
// Return YES for supported orientations
return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}

-(IBAction) navigateUrl
{
[urlField resignFirstResponder];
NSURL *url = [NSURL URLWithString:urlField.text];
NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];
[webBrowser loadRequest:requestObj];
}

- (void)webViewDidStartLoad:(UIWebView *)browser {
[loadingActivity startAnimating];
}

- (void)webViewDidFinishLoad:(UIWebView *)browser {
[loadingActivity stopAnimating];
}

@end

Acum vom lucra cu fișierul de interfață “ViewController.xib“. Facem click pe acest fișier. Din libraria cu obiecte, din meniul din dreapta, selectăm obiectul “UIToolbar”. Cu ajutorul mouse-ului, tragem și adăugăm acest obiect pe interfața aplicației noastre, pe “UIView”.

Facem dublu click pe obiectul “UIBarButtonItem” și modificăm titlul din “Item” în “GO”

Din libraria cu obiecte selectăm obiectul “UITextField” și-l tragem, exact cum este indicat în imaginea de mai jos, pe obiectul adăugat precedent, înaintea butonului “GO“. Dupa care îl lărgim un pic

Din libraria cu obiecte găsim și selectăm obiectul “UIVewbView” și-l tragem pe interfața aplicației noastre, pe obiectul “UIView“. După care, cu ajutorul mouse-lui il poziționăm direct sub “UIToolbar”

A mai ramas de adăugat și obiectul de afișare a activitătii browser-ului nostru. Din libraria cu obiecte găsim și selectăm obiectul “UIActivityIndicatorView” și-l tragem pe interfața aplicatiei noastre, pe obiectul “UIView“.

Selectăm obiectul nostru “UIActivityIndicatorView” și în meniul din dreapta sus, facem click pe “Show the Attributes Inspector“. Modificăm un pic culoarea obiectului selectând opțiunea pentru proprietatea “Color” -> “Dark Text Color“. Un pic mai jos de “Color” găsim și selectăm proprietatea “Hides When Stopped“.

Acum facem legatură între obiectele de interfață și obiectele declarate în “ViewController”

Facem click dreptul pe “File’s Owner“, găsim primul obiect “loadingActivity“. Facem click pe cerculețul din partea dreaptă care apare langă numele obiectului nostru, din “ViewController“, și-l tragem pe obiectul nostru, din interfată, “UIActivityIndicatorView“.

La fel procedam și cu “urlField“, doar că îl tragem pe obiectul “TextFieldView“.

Conectăm acum metoda “navigateUrl” din “ViewController” cu acțiunea obiectul “UIBarButtonItem” (butonul nostru cu titlul “Go“).

Acum conectam obiectul “UIWebView” din interfața aplicației noastre cu obiectul “webBrowser“ din “ViewController“.

A mai ramas să indicam că delegatele obiectului “UIWebView“ (webViewDidStartLoad și webViewDidFinishLoad) sunt interceptate de “Viewcontroller“, selectăm obiectul “UIWebVew“, facem click dreptul, și la fel, tragem cerculețul din dreapta catre “File’s Owner”

Acum efectuăm un “test drive”. Apăsam butonul “Run”

Xcode va lansa acum Simulatorul iOS cu aplicaţia noastră în ea.

Pentru cei ce doresc sa descarce acest proiect am pus la dispozitie codul sursa

“Model” reprezintă partea logica a aplicaţiei, aici are loc procesarea datelor.

Partea de “View“, este preocupată doar cu crearea interfeţei utilizator în funcţie de datele şi mai ales a schimbărilor stărilor acesteia, recepţionate de la “Model“. Pentru ea nu contează logica aplicaţiei sau cum are loc procesul de “input”, ci doar reprezentarea cât mai corectă a stării curente a modelului.

“Controller“-ul se ocupă cum translatarea acţiunilor prestate de utilizator în “update”-uri către “Model“, nefiind important la ce va folosi “Modelul” aceste “update”-uri.

Creăm proiectul

Deschidem Xcode, când va fi încărcat, veţi vedea ecranul de bun venit.

În această fereastra, faceţi clic pe “Create a new Xcode project”.

Se va deschide fereastra ce conține template-urile.

Selectăm “Emthy Application“.

Pagina următoare vă va permite să definiţi numele proiectului şi identificatorul. Identificator este numele aplicaţiei. Îl puteţi vedea ca un nume de domeniu scris inversat. Dacă domenul site-ului dvs. este mycompany.com, identificatorul dvs. ar fi com.mycompany.APPLICATIONNAME.

Nu uitam sa deselectam “Use Core Data” si “Include Unit Test“.

În baza locaţiei pe care o selectaţi și a numelui proiectului, va fi creat un dosar cu acel nume şi fişierele proiectului nostru vor fi fixate acolo. Imediat după salvarea template-ului, vei observa cum iți este organizată fereastra de lucru.

Cream fisierele “Controller” si “View”

Din meniul din stânga selectăm “Project navigator“, pe dosarul “HelloWord”  facem click cu butonul din dreapta a mouse-ului și selectăm “New File“.

Din fereastra cu template-uri, care se va deschide, selectăm “Cocoa Touch” >”UIViewContoller subclass” și facem click pe “Next”

In urmatoarea fereastră indicam numele clasei noastre “ViewController”, dacă nu este selectată optiunea “With XIB for user interface” atunci o selectăm, asa cum aplicatia noastră este doar pentru dispozitive din familia “iPhone” atunci nu vom avea nevoie de a selecta optiunea “Targeted for iPad“.

La pasul urmator indicam locatia unde vor fi create și salvate fișierele pentru această clasa

Observam ca sau creat 3 noi fișiere

• ViewController.h – fișierul “header” al clasei “ViewController”
• ViewController.m – fișierul de implimentare al clasei “ViewController”
• ViewController.xib – fișierul de interfată “ViewController”

Lucram un pic cu codul

Deschidem fisierul “ViewController.h”, declarăm o variabilă noua “helloWorldLabel” si o metodă/functie “displayHelloWordOnTheLabel”, pentru afisarea textului “Salut Lume”.

//
//  ViewController.h
//  HelloWorld
//
//  Created by XCode.md on 11/22/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController {
UILabel *helloWorldLabel;
}
@property (nonatomic, retain) IBOutlet UILabel *helloWorldLabel;

- (IBAction)displayHelloWordOnTheLabel;
@end

Din motivul ca vom avea nevoie să accesăm si să modificăm variabila/obiectul “helloWordLabel” cu ajutorul comenzii @property (si desigur @synthesize in fisierul nostru de implimentare, dar asta un pic mai tarziu) am indicat compilatorului sa creeze automat setters si getters.

Pentru ca variabila noastra sa poată fi untilizată in Interface Builder, inainte the tipul variabilei/obiectului am indicat tipul IBOutlet. Astfel aceast obiect va putea fi folosit pentru a face legatură cu alt obiect din interfata utilizatorului.

O methodă poate fi utilizată in Interface Builder daca la aceasta metoda se indică, ca tip pe care il returnă, tipul “IBAction“.

In fisierul de implimentare “ViewController.m” primul lucru care-l facem e de a adăuga “@synthesize helloWorldLabel = _helloWorldLabel;” pentru ca Xcode sa creeze setters si getters pentru obiectul nostru. Nu uitam să eliminăm variabila cand aplicatia noastră va termina delucrat. Pentru aceasta adaugam in metoda “- (void)viewDidUnload“ un nou rand “self.helloWorldLabel = nil;”

După aceasta definim metoda “- (IBAction)displayHelloWordOnTheLabel”

Fisierul “ViewController.m” ar trebui sa arate asa

//
//  ViewController.m
//  HelloWorld
//
//  Created by XCode.md on 11/22/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//

#import "ViewController.h"

@implementation ViewController

@synthesize helloWorldLabel = _helloWorldLabel;

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

- (void)didReceiveMemoryWarning
{
// Releases the view if it doesn't have a superview.
[super didReceiveMemoryWarning];
// Release any cached data, images, etc that aren't in use.
}

#pragma mark - View lifecycle

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
}

- (void)viewDidUnload
{
[super viewDidUnload];
self.helloWorldLabel = nil;
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
// Return YES for supported orientations
return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

- (IBAction)displayHelloWordOnTheLabel
{
[self.helloWorldLabel setText:@"Salut Lume!"];
}

@end

Deschidem fișierul “AppDelegate.h” și adaugam cateva randuri noi. Acest fișier ar trebui să contină codul de mai jos

//
//  AppDelegate.h
//  HelloWorld
//
//  Created by XCode.md on 11/22/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//
#import <UIKit/UIKit.h>
@class ViewController;
@interface AppDelegate : UIResponder <UIApplicationDelegate>
@property (strong, nonatomic) UIWindow *window;
@property (strong, nonatomic) ViewController *viewController;
@end

In acest fisier am declarat o nouă variabilă ”viewController” de care este de tipul “ViewController”

Deschidem fișierul “AppDelegate.m”

Acest fișier ar trebui să conțină următorul cod

//
//  AppDelegate.m
//  HelloWorld
//
//  Created by XCode.md on 11/22/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//
#import "AppDelegate.h"
//adaugam classa ViewContoller
#import "ViewController.h"

@implementation AppDelegate

@synthesize window = _window;
//pentru a genera "setters" si "getters" pentru obiectul nostru viewController
@synthesize viewController = _viewController;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
//Alocam obiectul nostru viewController de classa "ViewController" si il initializam cu fisierul de interfata cu acelasi nume "ViewController"
self.viewController = [[ViewController alloc] initWithNibName:@"ViewController" bundle:nil];
//Pentru ca obiectul nostru "viewController" sa fie vizibil e nevoie de al atribui ferestrei noastre principale.
self.window.rootViewController = self.viewController;
[self.window makeKeyAndVisible];
return YES;
}
- (void)applicationWillResignActive:(UIApplication *)application
{
/*
Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
*/
}

- (void)applicationDidEnterBackground:(UIApplication *)application
{
/*
Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
*/
}

- (void)applicationWillEnterForeground:(UIApplication *)application
{
/*
Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
*/
}

- (void)applicationDidBecomeActive:(UIApplication *)application
{
/*
Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
*/
}

- (void)applicationWillTerminate:(UIApplication *)application
{
/*
Called when the application is about to terminate.
Save data if appropriate.
See also applicationDidEnterBackground:.
*/
}
@end

Lucrăm cu interfața utilizatorului

Facem click pe fisierul “ViewController.xib”

In meniul din dreapta avem o listă cu elemente de interfață predefinite numită “Object Library“. În caz că nu vedem aceste elemente ne ducem la “View” > “Utilities” > “Show Object Library“. Această bibliotecă cu elemente de interfață este utilizată, în primul rând, pentru a alege elementele interfeței utilizatorului pe care dorim să le includem în aplicaţia noastră.

Din biblioteca de obiecte selectăm elementul “UILabel” și-l tragem în fereastra aplicatiei

Pentru ca textul “Salut Lume” sa incapa in obiectul “Label” e nevoie de al lărgi un pic chenarul obiectului. Pentru a arăta un pic mai frumos am aliniat textul in centru.

Alinierea poate fi facută activand din meniul din drepta sus optiunea “Show the Attributes inspector”

Acum trebuie sa conectăm totul impreuna. Facem click dreptul pe “File’s Owner“, găsim obiectul nostru “helloWordLabel“, in grupa “Outlets“. Facem click pe cerculetul din partea dreapta care apare langă numele obiectului nostru, din ViewController, și-l  tragem pe obiectul nostru din interfată.

Acum avem nevoie de un buton care va modifica textul din “Label” in “Salut Lume!” . Pentru aceasta din biblioteca de obiecte selectăm elementul “UIButton” și-l tragem în fereastra aplicatiei noastre

Modificăm textul care apare pe buton, pentru aceasta facem click pe butonul nostru pentru a-l selecta si in meniul din dreapta sus activăm optiunea “Show the Attributes inspector” . In campul “title” indicăm textul care va aparea pe buton, in cazul nostru “Click”.

O alta optiune mai rapidă de adăugare/editare a textul care apare pe buton este de a face dublu click pe el

Acum facem click drept pe butonul nostru si din meniul care va apărea, tragem cerculetul din partea dreaptă a evenimentului “Touch Up Inside” către obiectul “File’s Owner”

dupa ce dăm drumul la cursor, vor apărea metodele din “ViewController” care au ca tip “IBAction“, in cazul nostru va apărea metoda “displayHelloWordOnTheLabel”

Facem click pe aceasta metoda si vom observa că s-a facut legătura intre evenimentul butonului “Touch Up Inside” si metoda “displayHelloWordOnTheLabel” din clasa “ViewController”

Acum efectuăm un “test drive”. Apăsam butonul “Run”

Xcode va lansa acum Simulatorul iOS cu aplicaţia noastră în ea.

Pentru cei ce doresc sa descarce acest proiect am pus la dispozitie codul sursa

Pentru a începe cu crearea de noi applicatii iOS, vom crea un proiect nou.

Deschidem Xcode, când va fi încărcat, veţi vedea ecranul de bun venit.

În această fereastra, faceţi clic pe “Create a new Xcode project”.

Se va deschide fereastra ce conține template-urile.

Selectăm “Emthy Application”.

Pagina următoare vă va permite să definiţi numele proiectului şi identificatorul. Identificator este numele aplicaţiei. Îl puteţi vedea ca un nume de domeniu scris inversat. Dacă domenul site-ului dvs. este mycompany.com, identificatorul dvs. ar fi com.mycompany.APPLICATIONNAME.

Nu uitam sa deselectam “Use Core Data” si “Include Unit Test“.

În baza locaţiei pe care o selectaţi și a numelui proiectului, va fi creat un dosar cu acel nume şi fişierele proiectului nostru vor fi fixate acolo. Imediat după salvarea template-ului, vei observa cum iți este organizată fereastra de lucru.

Incepem sa programam

Deschidem fișierul “AppDelegate.h” si declarăm o nouă variabilă ”helloLabel” de tipul “UILabel”

//
//  AppDelegate.m
//  HelloWorld
//
//  Created by XCode.md on 11/11/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface AppDelegate : UIResponder <UIApplicationDelegate>
{
UILabel *helloLabel;
}
@property (strong, nonatomic) UIWindow *window;
@end

Deschidem fișierul “AppDelegate.m“, gasim metoda/functia “- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions” și inainte de “return YES” adaugam cateva randuri de cod

    //alocam variabila/obiectul helloLabel cu pozitia pe x = 120px, pozitia pe y = 160px, latimea=100px si inaltimea=60px
    helloLabel = [[UILabel alloc] initWithFrame:CGRectMake(120, 160, 100, 60)];
    //setam textul ce apare pe helloLabel
    helloLabel.text = @"Salut Lume!";
    //afisam variabila/obiectul helloLabel pe ecranul device-ului, atasind-ul ferestrei principale
    [self.window addSubview:helloLabel];

Fișierul nostru ar trebui sa arate in felul urmator

//
//  AppDelegate.m
//  HelloWorld
//
//  Created by XCode.md on 11/11/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//
#import "AppDelegate.h"
@implementation AppDelegate

@synthesize window = _window;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    //aici se creaza si aloca fereastra principala care va avea dimensiunea ecranului device-ului nostru
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // aici setam culoarea backround-ului ferestrei principale
    self.window.backgroundColor = [UIColor whiteColor];
    // indicam ca aceasta fereastra este vizibila si principala pentru interactionarea cu utilizatorul
    [self.window makeKeyAndVisible];
    //alocam variabila/obiectul helloLabel cu pozitia pe x = 120px, pozitia pe y = 160px, latimea=100px si inaltimea=60px
    helloLabel = [[UILabel alloc] initWithFrame:CGRectMake(120, 160, 100, 60)];
    //setam textul ce apare pe helloLabel
    helloLabel.text = @"Salut Lume!";
    //afisam variabila/obiectul helloLabel pe ecranul device-ului, atasind-ul ferestrei principale
    [self.window addSubview:helloLabel];
    return YES;
}

- (void)applicationWillResignActive:(UIApplication *)application
{
    /*
     Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
     Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
     */
}

- (void)applicationDidEnterBackground:(UIApplication *)application
{
    /*
     Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
     If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
     */
}

- (void)applicationWillEnterForeground:(UIApplication *)application
{
    /*
     Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
     */
}

- (void)applicationDidBecomeActive:(UIApplication *)application
{
    /*
     Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
     */
}

- (void)applicationWillTerminate:(UIApplication *)application
{
    /*
     Called when the application is about to terminate.
     Save data if appropriate.
     See also applicationDidEnterBackground:.
     */
}

@end

Acum verificăm dacă totul merge bine si programa va rula fară erori. Apăsam butonul “Run”

Xcode va lansa acum Simulatorul iOS cu aplicaţia noastră în ea.

Pentru cei ce doresc sa descarce acest proiect am pus la dispozitie codul sursa

Creăm proiectul

Pentru a începe cu crearea de noi applicatii iOS, vom crea un proiect nou.

Deschidem Xcode, când va fi încărcat, veţi vedea ecranul de bun venit.

În această fereastra, faceţi clic pe “Create a new Xcode project”.

Se va deschide fereastra ce conține template-urile.

Selectăm “Emthy Application”.

Pagina următoare vă va permite să definiţi numele proiectului şi identificatorul. Identificator este numele aplicaţiei. Îl puteţi vedea ca un nume de domeniu scris inversat. Dacă domenul site-ului dvs. este mycompany.com, identificatorul dvs. ar fi com.mycompany.APPLICATIONNAME.

Nu uitam sa deselectam “Use Core Data” si “Include Unit Test“.

În baza locaţiei pe care o selectaţi și a numelui proiectului, va fi creat un dosar cu acel nume şi fişierele proiectului nostru vor fi fixate acolo. Imediat după salvarea template-ului, vei observa cum iți este organizată fereastra de lucru.

Câteva lecții despre Objective-C

Fiecare obiect(clasă) într-un proiect Xcode are un fişier de antet cu extensia “.h“, şi un fişier de implimentare cu extensia “.m“.

• În fișierul de antet (header file) se definește interfaţa obiectului (clasei), se importă fişierele,  se declara variabilele şi se declara metodele(funcţiile).
• Fișierele care poseda extensiunea ”.m” , sunt numite fişiere de implementare (implementation file). În aceste fișiere își are reședința codul de baza al computatorului. Acesta este fișierul în care vă este pus în aplicare codul pentru obiect (clasa),  aici are loc adăugarea codului pentru metode (funcții), aici se manipulează variabilele dumneavoastră, sau se suprascrie şi personalizează clasa părinte.

Tot ceea de ce vom avea nevoie pentru a scrie codul și pentru a accesa interfaţa utilizatorului, vom găsi pe partea stângă a ecranului în “Project navigator“.

După cum puteţi vedea, aveţi posibilitatea să deschideți fiecare dintre dosare pentru a face cunoștință cu conţinutul acestuia.

Aici veți găsi 2 fișiere: “AppDelegate.h” si “AppDelegate.m” aceste fișiere se folosesc pentru declararea clasei “AppDelegate” care lansează și  gestionează aplicatia dumneavoastră.

Dacă aveţi orice particularizare necesară în timpul lansării/încheierii aplicației, sau atunci când aplicaţia trece în modul  ”background“, in acest caz puteţi introduce codul aici. Însă, în majoritatea cazurilor, puteţi ignora “AppDelegate”.

Atunci când veți face click pe aceste fişiere, Xcode va deschide o fereastră de cod sursă pe partea dreaptă a ecranului proiectului. Veţi observa că Xcode a pus deja o multime de lucruri acolo, fapt care ne va scuti de puțin tapat.

Modificam un pic codul

Deschidem fișierul “AppDelegate.h“, el trebuie să contină codul de mai jos

//
//  AppDelegate.m
//  HelloWorld
//
//  Created by XCode.md on 11/11/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface AppDelegate : UIResponder <UIApplicationDelegate>
@property (strong, nonatomic) UIWindow *window;
@end

Deschidem fișierul “AppDelegate.m“, găsim aceste rânduri de cod

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

self.window.backgroundColor = [UIColor whiteColor];

[self.window makeKeyAndVisible];

și le comentăm sau le eliminam.

Acest fișier ar trebui să arate conțină următorul cod

//
//  AppDelegate.m
//  HelloWorld
//
//  Created by XCode.md on 11/11/11.
//  Copyright (c) 2011 XCode.md. All rights reserved.
//
#import "AppDelegate.h"
@implementation AppDelegate

@synthesize window = _window;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
//self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
//self.window.backgroundColor = [UIColor whiteColor];
//[self.window makeKeyAndVisible];
return YES;
}

- (void)applicationWillResignActive:(UIApplication *)application
{
/*
Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
*/
}

- (void)applicationDidEnterBackground:(UIApplication *)application
{
/*
Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
*/
}

- (void)applicationWillEnterForeground:(UIApplication *)application
{
/*
Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
*/
}

- (void)applicationDidBecomeActive:(UIApplication *)application
{
/*
Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
*/
}

- (void)applicationWillTerminate:(UIApplication *)application
{
/*
Called when the application is about to terminate.
Save data if appropriate.
See also applicationDidEnterBackground:.
*/
}

@end

Creăm interfața utilizatorului

Pentru a începe, avem nevoie de un fișier de interfață cu care vom lucra. Din meniul din stânga selectăm “Project navigator“, pe dosarul “HelloWord”  facem click cu butonul din dreapta a mouse-ului și selectăm “New File“.

Din fereastra cu template-uri, care se va deschide, selectam “User Interface” >”Storyborad” și facem click pe “Next”

Așa cum aplicația noastră este pentru dispozitive din familia iPhone selectăm “iPhone” și apăsăm pe ”Next”

În fereastra urmatoare indicăm numele fișierului și îl creăm.

Dupa ce creăm fișierul de interfată “HelloWorldStoryboard.storyboard“, îl selectăm, și se va deschide fereastra următoare

În meniul din dreapta avem o listă cu elemente de interfață predefinite numită “Object Library“. În caz că nu vedem aceste elemente ne ducem la “View” > “Utilities” > “Show Object Library“. Această bibliotecă cu elemente de interfață este utilizată, în primul rând, pentru a alege elementele interfeței utilizatorului pe care dorim să le includem în aplicaţia noastră.

Din biblioteca de obiecte selectam elementul “View Controller” și-l tragem în chenarul gri

Găsim în lista de obiecte elementul “Label View” și-l tragem în ferestruica aplicaţiei noastre.

Înlocuim textul “Label” cu  textul “Salut Lume!“. Folosind instrumentele, care vor aparea în partea dreaptă a ecranului, putem edita modul în care apare textul.

În parea stânga a ecranului, facem click pe proiectul nostru “HelloWorld”  și în fereastra care se va deschide în campul “Main Storyborad” indicăm numele fișierului nostru de interfață “HelloWorldStoryboard“, nu e nevoie de a indica extensia.

Acum efectuăm un “test drive”. Apăsam butonul “Run”

Xcode va lansa acum Simulatorul iOS cu aplicaţia noastră în ea.

Pentru cei ce doresc sa descarce acest proiect am pus la dispozitie codul sursa

Cateva lucruri care pot fi obtinute utilizand .htaccess:

• directoare protejate cu parola,
• setare pagini erori personalizate,
• dezactivare listare director (directory listings),
• specificare fisier index alternativ,
• blocarea accesului vizitatorilor pe baza de adresa IP,
• prevenire furt banda prin utilizarea ‘hotlink’,
• redirectionare automata catre anumite pagini,
• adaugare tipuri MIME,
• cautare fisiere .html/.htm dupa cod php.

<form method="post" action="sendmail.php">
Email: <input type="text" name="email"><br>
Subiect: <input type="text" name="subject"><br>
Mesaj: <textarea name="message"></textarea><br>
<input type="submit" name="submit" value="Trimite">
</form>

Acest formular conține 3 câmpuri și un buton pentru a trimite datele din formular:

• câmpul numit “email” care se gaseste sub forma <input type=”text” name=”email”>
• câmpul numit “subject” care se gaseste sub forma <input type=”text” name=”subject”>
• câmpul numit “message” care se gaseste sub forma <textarea name=”message”></textarea>
• butonul numit “submit” care se gaseste sub forma <input type=”submit” name=”submit” value=”Trimite”>

Când butonul este apasat, datele sunt “postate” fișierului “sendmail.php”.

Acum tot ce a ramas de făcut este de a crea fișierul “sendmail.php” și de a salva codul urmator în acest fișier.

<?php
$subject = $_POST['subject'];
$message = $_POST['message'];
$email = $_POST['email'];
mail( "yourname@yourdomain.com", $subject, $message, "From: $email" );
header( "Location: http://www.yourdomain.com/thankyou.html" );
?>

Programul trebuie sa fie delimitat de etichetele de deschidere “” pentru că interpretorul PHP tratează toate intrările drept cod HTML daca nu i se specifică altceva.

Când date sunt trimise programului “sendmail.php” conținutul câmpului “subject” este atribuit unei variabile PHP denumită $subject, conținutul câmpului “message” este atribuit unei variabile PHP denumită $message iar conținutul câmpului “email” este atribuit unei variabile PHP denumită $email.

După atribuirea variabilelor programul apelează o functie specială denumită sugestiv “mail”, care de fapt se ocupă de trimiterea mesajului prin email. Primul parametru al funcției “mail” este adresa de email la care doresti să se trimita datele din formular, adica propria ta adresă de email. Al doilea parametru este “Subject” și reprezintă subiectul mesajului email. Al treilea parametru este conținutul mesajului. Ultimul parametru este variabila $email cu antet-ul “From:” pentru a ști cine ne-a trimis datele și pentru a-i putea raspunde dacă vom avea nevoie. Dacă vei dori sa folosești acest program în cadrul paginilor site-ului tău va trebui sa înlocuiești adresa site-ului și cea de email cu cele corecte .

În final, este adecvat să-i mulțumești vizitatorului pentru mesajul trimis. Pentru a face acest lucru, cu ajutorul funcției “header” trimitem înapoi catre browser-ul acestuia un antet HTTP, care îi transmite programului sa încarce un fișier denumit “thankyou.html” de pe site-ul tau.

Desigur vei crea un fișier denumit în mod corespunzator “thankyou.html” cu un mesaj pentru a mulțumi vizitatorului tău pentru efortul depus, in caz contrar vizitatorul va fi întâmpinat dupa trimiterea mesajului său de o eroare “404/File Not Found” (404/Fișierul nu a fost găsit).

<?php
echo 'Salut, acesta este primul meu script PHP';
?>

Intram în directorul unde am instalat serverul web (în cazul nostru: C:\Program Files\EasyPHP-5.4.0beta2\ și accesăm directorul www.
Cream o nouă pagină cu numele: hello_world.php.

Dupa ce ați creat fișierul hello_word.php în C:\Program Files\EasyPHP-5.4.0beta2\www deschideti un browser și tastați adresa: http://localhost/hello_word.php

După cum vedeți, textul este afișat în pagină cu ajutorul construcției echo.

Pachetul va fi instalat în C:\Program Files\EasyPHP-5.4.0beta2\  iar directorul rădăcina unde sunt ținute și de unde se accesează paginile și scripturile PHP este www.