Tutorial Fetch dan Update Data User menggunakan Mesosfer.

Jika sebelumnya Anda telah mengikuti tutorial ini di website Codepolitan, ini adalah tutorial lanjutan dari <a href="https://www.codepolitan.com/?p=13547&preview=true">tutorial sebelumnya.</a> Di tutorial sebelumnya kita belajar tentang membuat login dan session check, kali ini kita lanjutkan dengan fetch dan update data user di mobile aplikasi iOS. Untuk yang belum mengikuti, bisa cek tutorialnya di web Codepolitan.

Saya akan menyediakan tutorial ini dalam Objective-C dan Swift persis seperti tutorial asli agar memudahkan Anda menyesuaikan dengan bahasa pemrograman kalian. Sebelumnya tutorial ini telah di pos di blog Mesosfer dalam bahasa Inggris, agar lebih mudah untuk dipahami.

<iframe src="https://www.youtube.com/embed/uHX4RqEXqsg" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Untuk detail mengenai Apa itu Mesosfer, silakan kunjungi Mesosfer Documentation.
<h3>Hal yang Perlu Disiapkan</h3>
<ul>
 	<li>Sign up di <a href="https://cloud.mesosfer.com/">Mesosfer Mobile Backend as a Service</a></li>
 	<li>Install XCode terbaru. Disini penulis menggunakan Xcode 8.1 (8B62).</li>
 	<li>Download code dari sesi sebelumnya <a href="https://mesosfer.com/community/create-login-session-check-ios-mobile-app-using-mesosfer-part-3.html">disini</a>.</li>
</ul>
<h3>Start the Code!</h3>
3.1 Buat design tampilan terlebih dahulu

Tambahkan static cell untuk <strong>profile </strong>menu di main view. Lalu tambahkan profile view pada <strong>main.storyboard</strong>. Hubungkan new menu dan profile view dengan <span style="color: #333333; font-family: 'Open Sans', sans-serif; font-weight: bold; text-align: justify;">Triggered Segues -> Selection -> Show</span> seperti dibawah:

<img src="https://www.codepolitan.com/uploads/image/source/20508/fetch%20data.png?1480495305742" alt="fetch data" width="346" height="254" />

Sama seperti <a href="https://mesosfer.com/community/create-signup-user-ios-mobile-app-using-mesosfer-part-2.html">register </a>view, Profile view berisi:
<ul>
 	<li>Seperti Email Address (UITextField), used for entering login email credential.</li>
 	<li>First Name (UITextField), Digunakan untuk memasukkan first name dari user.</li>
 	<li>Last Name (UITextField), Digunakan untuk memasukkan last name user.</li>
 	<li>Birth of Date (UITextField), Digunakan untuk memasukkan tanggal lahir dengan format "yyy-mm-dd".</li>
 	<li>Height (UITextField), digunakan untuk memasukkan tinggi badan (double number) dari user.</li>
 	<li>Weight (UITextField), Digunakan untuk memasukkan berat badan (integer number) dari user.</li>
 	<li>IsMarried (UISwitch), digunakan untuk memilih status dari user.</li>
 	<li>Update Profile (UITableViewCell), Digunakan untuk update data user ke Mesosfer Cloud.</li>
</ul>
Sebagai tambahan, Anda bisa menambahkan tampilan untuk merubah password:
<ul>
 	<li>Old Password (UITextField), merupakan password user saat ini yang digunakan untuk login.</li>
 	<li>New Password (UITextField), merupakan password baru yang digunakan untuk merubah password lama yang digunakan login oleh user.</li>
 	<li>Confirm New Password (UITextField), Digunakan untuk konfirmasi password baru yang baru saja dimasukkan.</li>
 	<li>Change Password (UITableViewCell), Digunakan untuk merubah user password ke Mesosfer Cloud.</li>
</ul>
3.2 Referencing the Outlets

Tambahkan <strong>ProfileViewController</strong> class ke Xcode project, kemudian tambahkan referencing outlet untuk tiap object library:

<strong>Objective-C</strong>
<pre class="theme:xcode lang:objc decode:true">@property (weak, nonatomic) IBOutlet UITextField *textEmail;
@property (weak, nonatomic) IBOutlet UITextField *textFirstName;
@property (weak, nonatomic) IBOutlet UITextField *textLastName;
@property (weak, nonatomic) IBOutlet UITextField *textDateOfBirth;
@property (weak, nonatomic) IBOutlet UITextField *textHeight;
@property (weak, nonatomic) IBOutlet UITextField *textWeight;
@property (weak, nonatomic) IBOutlet UISwitch *switchIsMarried;

@property (weak, nonatomic) IBOutlet UITextField *textOldPassword;
@property (weak, nonatomic) IBOutlet UITextField *textNewPassword;
@property (weak, nonatomic) IBOutlet UITextField *textConfirmPassword;</pre>
<strong>Swift</strong>
<pre class="theme:xcode lang:swift decode:true">@IBOutlet weak var textEmail: UITextField!
@IBOutlet weak var textFirstName: UITextField!
@IBOutlet weak var textLastName: UITextField!
@IBOutlet weak var textDateOfBirth: UITextField!
@IBOutlet weak var textHeight: UITextField!
@IBOutlet weak var textWeight: UITextField!
@IBOutlet weak var switchIsMarried: UISwitch!
@IBOutlet weak var textOldPassword: UITextField!
@IBOutlet weak var textNewPassword: UITextField!
@IBOutlet weak var textConfirmPassword: UITextField!</pre>
3.3 Lengkapi Code

3.3.1 <strong>ProfileViewController</strong> code lengkap:

<strong>Objective-C</strong>
<pre class="theme:xcode lang:objc decode:true">#import <UIKit/UIKit.h>

@interface ProfileViewController : UITableViewController

@property (weak, nonatomic) IBOutlet UITextField *textEmail;
@property (weak, nonatomic) IBOutlet UITextField *textFirstName;
@property (weak, nonatomic) IBOutlet UITextField *textLastName;
@property (weak, nonatomic) IBOutlet UITextField *textDateOfBirth;
@property (weak, nonatomic) IBOutlet UITextField *textHeight;
@property (weak, nonatomic) IBOutlet UITextField *textWeight;
@property (weak, nonatomic) IBOutlet UISwitch *switchIsMarried;

@property (weak, nonatomic) IBOutlet UITextField *textOldPassword;
@property (weak, nonatomic) IBOutlet UITextField *textNewPassword;
@property (weak, nonatomic) IBOutlet UITextField *textConfirmPassword;

@end</pre>
<ul>
 	<li>.m file</li>
</ul>
<pre class="theme:xcode lang:objc decode:true">#import "ProfileViewController.h"
#import "UIViewController+Helper.h"
#import <Mesosfer/Mesosfer.h>

@implementation ProfileViewController

- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];
    
    [self reloadUserData];
}

- (void)reloadUserData {
    MFUser *user = [MFUser currentUser];
    if (user) {
        self.textEmail.text = user.email;
        self.textFirstName.text = user.firstname;
        self.textLastName.text = user.lastname;
        
        NSDate *date = [user dateForKey:@"dateOfBirth"];
        if (date) {
            self.textDateOfBirth.text = [[MFDateFormatter sharedFormatter] stringFromDate:date isTimestamp:NO];
        }
        self.textHeight.text = [NSString stringWithFormat:@"%@", [user numberForKey:@"height"]];
        self.textWeight.text = [NSString stringWithFormat:@"%@", [user numberForKey:@"weight"]];
        self.switchIsMarried.on = [user booleanForKey:@"isMarried"];
    }
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    // update profile
    if (indexPath.section == 2 && indexPath.row == 0) {
        NSString *email = self.textEmail.text;
        NSString *firstname = self.textFirstName.text;
        NSString *lastname = self.textLastName.text;
        
        NSString *dateOfBirth = self.textDateOfBirth.text;
        NSString *height = self.textHeight.text;
        NSString *weight = self.textWeight.text;
        BOOL isMarried = self.switchIsMarried.on;
        
        MFUser *user = [MFUser currentUser];
        if (user) {
            // set required field
            user.email = email;
            user.firstname = firstname;
            user.lastname = lastname;
            // set custom field
            NSDate *date = [[MFDateFormatter sharedFormatter] dateFromString:dateOfBirth];
            if (date) {
                user[@"dateOfBirth"] = date;
            }
            user[@"height"] = [NSNumber numberWithDouble:[height doubleValue]];
            user[@"weight"] = [NSNumber numberWithInt:[weight intValue]];
            user[@"isMarried"] = [NSNumber numberWithBool:isMarried];
            // update user data async
            [user saveAsyncWithBlock:^(BOOL succeeded, NSError * _Nullable error) {
                if (error) {
                    [self showErrorWithTitle:@"Failed to update profile" error:error handler:nil];
                    return;
                }
                
                [self showAlertWithTitle:@"Profile updated"
                                 message:@"Your profile's has been successfully updated." handler:nil];
            }];
        }
    } // change password
    else if (indexPath.section == 4 && indexPath.row == 0) {
        NSString *oldPassword = self.textOldPassword.text;
        NSString *newPassword = self.textNewPassword.text;
        NSString *confirmPassword = self.textConfirmPassword.text;
        
        if ([oldPassword isEqualToString:newPassword]) {
            [self showAlertWithTitle:nil message:@"Old and new password are equal." handler:nil];
            return;
        }
        
        if (![newPassword isEqualToString:confirmPassword]) {
            [self showAlertWithTitle:nil message:@"New and confirm password are not equal." handler:nil];
            return;
        }
        
        MFUser *user = [MFUser currentUser];
        if (user) {
            [user changePasswordAsyncWithOldPassword:oldPassword
                                         newPassword:newPassword
                                               block:^(BOOL succeeded, NSError * _Nullable error) {
                if (error) {
                    [self showErrorWithTitle:@"Failed to change password" error:error handler:nil];
                    return;
                }
                
                [self showAlertWithTitle:nil message:@"Password changed successfully." handler:nil];
            }];
        }
    }
}

@end</pre>
<strong>Swift</strong>
<pre class="theme:xcode lang:swift decode:true">import Foundation
import UIKit
import Mesosfer

class ProfileViewController: UITableViewController {
    @IBOutlet weak var textEmail: UITextField!
    @IBOutlet weak var textFirstName: UITextField!
    @IBOutlet weak var textLastName: UITextField!
    @IBOutlet weak var textDateOfBirth: UITextField!
    @IBOutlet weak var textHeight: UITextField!
    @IBOutlet weak var textWeight: UITextField!
    @IBOutlet weak var switchIsMarried: UISwitch!
    @IBOutlet weak var textOldPassword: UITextField!
    @IBOutlet weak var textNewPassword: UITextField!
    @IBOutlet weak var textConfirmPassword: UITextField!
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        // reload user data and set into form
        self.reloadUserData()
    }
    
    func reloadUserData() {
        if let user = MFUser.currentUser() {
            self.textEmail.text = user.email
            self.textFirstName.text = user.firstname
            self.textLastName.text = user.lastname
            
            if let date = user.date(forKey: "dateOfBirth") {
                self.textDateOfBirth.text = MFDateFormatter.shared().string(from: date, isTimestamp: false)
            }
            self.textHeight.text = "\(user.double(forKey: "height"))"
            self.textWeight.text = "\(user.integer(forKey: "weight"))"
            self.switchIsMarried.isOn = user.boolean(forKey: "isMarried")
        }
    }
    
    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        // update profile
        if indexPath.section == 2 && indexPath.row == 0 {
            let email = self.textEmail.text
            let firstname = self.textFirstName.text
            let lastname = self.textLastName.text
            
            let dateOfBirth = self.textDateOfBirth.text
            let height = self.textHeight.text
            let weight = self.textWeight.text
            let isMarried = self.switchIsMarried.isOn
            
            if let user = MFUser.currentUser() {
                // set required field
                user.email = email
                user.firstname = firstname
                user.lastname = lastname
                // set custom field
                if let date = MFDateFormatter.shared().date(from: dateOfBirth!) {
                    user["dateOfBirth"] = date
                }
                user["height"] = Double(height!)
                user["weight"] = Int(weight!)
                user["isMarried"] = isMarried
                // update user data async
                user.saveAsync(block: { (succeeded, error) in
                    if let e = error as? NSError {
                        self.showError(title: "Failed to update profile", error: e)
                        return
                    }
                    
                    self.showAlert(title: "Profile updated", message: "Your profile's has been successfully updated.")
                })
            }
        } // change password
        else if indexPath.section == 4 && indexPath.row == 0 {
            let oldPassword = self.textOldPassword.text
            let newPassword = self.textNewPassword.text
            let confirmPassword = self.textConfirmPassword.text
            
            if oldPassword == newPassword {
                self.showAlert(message: "Old and new password are equal.")
                return
            }
            
            if newPassword != confirmPassword {
                self.showAlert(message: "new and confirm password are not equal.")
                return
            }
            
            if let user = MFUser.currentUser() {
                user.changePasswordAsync(withOldPassword: oldPassword!, newPassword: newPassword!, block: { (succeeded, error) in
                    if let e = error as? NSError {
                        self.showError(title: "Failed to change password", error: e)
                        return
                    }
                    
                    self.showAlert(message: "Password changed successfully.")
                })
            }
        }
    }
}</pre>
<h3>Kesimpulan</h3>
Anda sudah berhasil membuat fetch danupdate data user untuk mobile aplikasi iOS. Semoga tutorial ini membantu teman-teman Codepolitan yang ingin mengembangkan project di iOS Mobile Apps. Last but not least, kalian tetap harus rajin praktik. Karena semakin serik kalian berlatih, kemampuan membangun mobile apps kalian juga semakin mahir.

Cara Fetch dan Update Data User di Mobile Aplikasi iOS Menggunakan Mesosfer

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

Cara Fetch dan Update Data User di Mobile Aplikasi iOS Menggunakan Mesosfer

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

5 Strategi Indie Developer Bisa Membangun Startup

Cara Membuat Starter Project untuk Mobile Aplikasi iOS menggunakan Mesosfer

Cara Membuat SignUp User untuk Mobile Aplikasi iOS Menggunakan Mesosfer

Cara Membuat Login User dan Session Check untuk Mobile Aplikasi iOS Menggunakan Mesosfer

Cara Fetch dan Update Data User di Mobile Aplikasi iOS Menggunakan Mesosfer

Cara Query User untuk Mobile Aplikasi iOS Menggunakan Mesosfer