Berdasarkan persepsi dari
beberapa pengembang perangkat lunak dan ahli-ahli dalam bidang rekayasa
perangkat lunak (software engineering professional), Pengembangan Aplikasi Web
tidaklah sama dengan rekayasa perangkat lunak walaupun keduanya melibatkan pemrograman
dan pengembangan perangkat lunak.
Walaupun banyak mengadopsi
prinsip-prinsip rekayasa perangkat lunak, Pengembangan Aplikasi Web memiliki
banyak pendekatan, metoda, alat bantu, Gambar teknik dan panduan yang memenuhi
persyaratan pembuatan sistem berbasis web.
Pengembangan sistem berbasis web
berbeda dengan pengembangan perangkat lunak konvensional, dimana pengembangan
sistem berbasis web lebih banyak menghadapi tantangan. Pengembangan Aplikasi
Web adalah gabungan dari print publishing dan pengambangan perangkat lunak,
diantara marketing dan perhitungan dan diantara seni dan teknologi.
Berikut alternatif model dari Pengembangan Aplikasi
Web:
Langkah 1: Perencanaan
Perencanaan proyek ini adalah
langkah yang paling penting, dan bahkan lebih penting daripada pembangunan yang
sebenarnya. Sebuah rencana yang baik menghasilkan hal yang baik untuk desainer,
pengembang, manajer, konten editor, klien, dll untuk mengikuti. Sebuah rencana
akan dijalankan dan diubah sepanjang jalan, tapi hal ini menguntungkan untuk
menjaga rencana inti utuh. Mari kita lihat tiga langkah perencanaan penting:
- Analisa Kebutuhan
Tahap ini digunakan untuk
mengembangkan ringkasan proyek, memperoleh gambaran yang jelas tentang audiens
target , tujuan untuk proyek tersebut, lonceng khusus dan peluit yang Anda
inginkan, dan untuk umum mengerti banyak tentang arah situs dan pengguna akhir
perlu untuk itu .
- Arsitektur informasi
Kadang-kadang disebut Pohon Site,
Arsitektur Informasi diagram struktur bagian, halaman, aliran navigasi, elemen
interaksi pengguna, dan konten dasar. Klien dan pemilik usaha harus memberikan
perhatian khusus untuk bagian ini, karena memastikan bahwa pertimbangan telah
diberikan ke semua halaman utama dalam situs, menunjukkan hubungan mereka satu
sama lain dan juga mendefinisikan bagaimana pengalaman navigasi harus.
- Teknologi dan Sumber Daya
Memiliki gambaran yang jelas tentang proyek ini
membutuhkan hasil akhir. Misalnya jenis server apa yang akan dibutuhkan, apakah
situs memanfaatkan alat khusus, apa saja persyaratan perangkat lunak, rencana
pemeliharaan di tempat pasca peluncuran, stok fotografi yang perlu dibeli, atau
akan ada font yang dibutuhkan. Semua keputusan ini dan ketika mereka
dilaksanakan dampak keberhasilannya pada proyek selama masa pakai.
Langkah 2: Desain
Setelah langkah perencanaan
selesai, semua informasi yang diperoleh dari klien dan sumber daya dikumpulkan,
saatnya untuk fokus pada estetika visual untuk proyek tersebut. Tim desain akan
membuat perencanaan dan persyaratan untuk proyek dan memulai proses yang akan
mengarah pada penciptaan desain yang baik dan unik untuk situs Anda. Desainer mencoba
menggunakan beberapa metode dan benar
untuk menghasilkan desain dan klien senang.
- wireframes
Wireframes dapat digunakan dalam
berbagai cara oleh banyak desainer yang berbeda, dan masing-masing memiliki
tujuan mereka masing-masing. Beberapa desainer menggunakan pensil dan kertas,
lain-lain seperti penggunaan kawat alat framing seperti Mockflow. Tidak peduli apa metode tujuan dari
gambar rangka pada fase ini proyek adalah untuk menunjukkan tata letak desain
dasar dengan tampilan kasar tentang bagaimana konten akan muncul pada halaman.
- maket
Maket adalah desain yang sangat
rinci yang dimulai dengan gambar rangka tetapi mengambil hal-hal ke tingkat
berikutnya. Mereka adalah tata letak suara dengan elemen desain dipoles dibuat
dalam program seperti Photoshop atau Fireworks. Perancang juga menyelenggarakan
bagian dan elemen desain sehingga mereka siap untuk mengekstraksi secara
individual dan dapat digunakan dalam kode. Langkah ini tidak bisa dianggap
enteng, karena menentukan pengguna desain akan melihat dan berinteraksi dengan
setiap kali mereka mengunjungi situs Anda atau menggunakan aplikasi Anda.
Memakan banyak waktu dan usaha yang diperlukan untuk memastikan landasan yang
kokoh bagi identitas visual kehadiran online Anda. Hal ini sangat penting!
- Review & Craft
Ulasan dan kerajinan berlangsung
sepanjang proyek, tapi fase tertentu merupakan tonggak penting dalam setiap
proyek. Ketika fase ini selesai, pembangunan yang sebenarnya dimulai untuk
membangun website baru Anda atau aplikasi online. Fokus di sini adalah untuk
mendapatkan semua orang yang terlibat dalam proyek setuju dan signoff pada
maket yang telah dikembangkan. Ini termasuk mengulangi desain dan tweaking tata
letak. Bekerja sama dengan klien untuk mencapai sebuah website-siap pasar yang
sukses adalah penting agar semua persyaratan terpenuhi, dan rincian tersembunyi
yang biasanya dimakamkan di sudut dan celah yang mengendus dan ditangani.
Langkah 3: Pembangunan
Sekarang persetujuan yang telah
diberikan pada estetika visual untuk proyek, saatnya untuk mengiris mockup,
keluar elemen desain, dan melompat ke dalam kode. Banyak tugas-tugas inti yang
terlibat di sini seperti membangun struktur situs, membangun template,
mengimpor data, konten penerbitan, dan menciptakan berita dan peristiwa, dll
Tentu saja, pengujian ketat dilakukan untuk fungsionalitas dan kinerja seluruh
tahap ini. Di bawah ini saya telah pecah beberapa konsep kunci.
- bootstrap
Pengembang memuat proyek menjadi
repositori sumber dikendalikan dan mendapatkan CMS atau pengembangan kustom
kerangka di tempat sehingga seluruh tim dapat mengakses dan bekerja dengan
kode.
- Chrome & Skeleton
desainer antarmuka memilah-milah
desain kreatif akhir dan mulai menggunakannya dalam kode. Sebuah pekerjaan yang
dilakukan di sini akan ditampilkan di web browser merek situs, elemen navigasi,
header dan footer, dan setiap elemen situs-lebar lainnya, serta struktur situs
lengkap dengan semua halaman yang dibuat dan dapat diakses di CMS (jika ada) .
- membangun Template
Setiap bagian yang unik dan tata
letak kebutuhan template dibangun. Kami melakukan ini dengan menggunakan HTML /
CSS, JavaScript, dan alat-alat dalam CMS (jika ada). Ini termasuk halaman
rumah, halaman arahan utama, dan halaman konten tersier.
- Fitur spesial
Fitur unik ke situs memerlukan
perhatian khusus ketika membangun. Biasanya fitur ini khusus dibangun sesuai
dengan kebutuhan proyek (1 untuk perencanaan). Segala macam fitur termasuk
dalam kategori ini seperti Advanced Search, Berdasarkan Peta / GPS Searching,
Data Mengekspor, Pelaporan, On Demand PDF Creation untuk beberapa nama. Setelah
fitur selesai kemudian akan ditempatkan di halaman masing-masing (s) dari
situs.
- konten Penduduk
Sebuah proyek yang khas memiliki
adil dari copy halaman dan gambar, serta berita atau peristiwa yang harus
tersedia untuk pengguna. Ini adalah langkah yang kita ambil selama pengembangan
untuk mendapatkan semua informasi penting dimasukkan ke dalam lokasi yang tepat
di sekitar lokasi. Kadang-kadang beberapa anggota tim bekerja sama untuk
mendapatkan jumlah massa konten halaman dimuat ke situs.
- pengujian
Ini adalah tempat yang baik dalam
proyek untuk melakukan review penuh. Meskipun Mercury pengembang terus menguji
seluruh proyek dan mematuhi protokol pengujian ketat yang memperkuat kemampuan
kita untuk menangkap kesalahan sebelum mereka melanggar; pengujian tambahan ini
membuat proyek pergi halus dan selalu berbuah. Proyek ini dibuat lebih baik
dengan mengambil tes serius dan proaktif.
- Pelatihan klien
Tak pelak klien akan perlu untuk bekerja dengan produk
kami membangun mereka. Mengubah teks, gambar, berita publishing / peristiwa,
menciptakan / pengeditan / halaman menghapus semua hal klien kami perlu
melakukan di waktu luang mereka. Pada tahap ini proyek, kami hampir siap untuk
memulai, tapi kami pastikan klien kami memahami software mereka dan dapat
bekerja dengan itu dengan kecepatan penuh.
Langkah 4: Peluncuran
Kami memiliki proyek yang
dikembangkan, sekarang kami siap untuk menunjukkan kepada dunia! Sementara kita
telah datang jauh, kita tidak keluar dari hutan belum. Kita perlu melakukan
beberapa akhir touch-up, mendapatkan semuanya lebih pada server produksi,
beberapa pengujian, dan kemudian kita dapat flip switch.
- kerajinan
Mengambil satu kesempatan
terakhir untuk membuat situs yang lebih baik adalah pokok kerja kesetiaan yang
tinggi. Segala macam perbaikan yang diterima di sini seperti kinerja,
pengalaman pengguna, responsiveness, memaku, kerning, padding, margin, dan satu
oleskan terakhir cat.
- Mendorong untuk Lingkungan Produksi
Oke, ini adalah itu. Ini adalah
hari penghakiman untuk pengembang. Secara harfiah, membuat atau istirahat itu.
Situs ini telah diuji di dalam dan luar, kita memiliki persetujuan untuk
memulai. Sekarang adalah waktu untuk mendapatkan semua kode dan data yang
diperlukan untuk situs berfungsi penuh pada server produksi. Hal ini dapat
ditangani dengan berbagai cara, tetapi biasanya ditentukan oleh spesifik proyek
ditemukan pada langkah perencanaan. Tapi kami telah menemukan transisi halus
adalah memiliki semua data pada server depan waktu sehingga ketika kata
tersebut diberikan, beralih ke situs baru semudah menekan sebuah tombol.
- Pengujian - Fungsi dan Final Cross-browser & Responsif Cek
Semuanya terserah, dunia bisa melihatnya, sekarang
adalah waktu untuk menjalankan kembali meskipun situs untuk pengujian akhir di
lingkungan produksi dan untuk memastikan situs bekerja di semua browser dan
perangkat modern. Banyak hal bisa auto-diuji, yang lainnya memerlukan pengujian
manual. Ttools likeSauceLabs atau BrowserStack dapat dimanfaatkan untuk
membantu menguji di browser dan perangkat.
Langkah 5: Pasang Launch
Pada tahap ini kami akan
memberikan dokumentasi, mendiskusikan kebutuhan tambahan dan langkah-langkah
selanjutnya dijelaskan secara rinci di bawah. Meskipun situs Anda telah
diluncurkan dan proyek Anda telah mencapai penyelesaian untuk memastikan situs
atau aplikasi terus menghasilkan hasil positif itu akan memerlukan perawatan
dan pemeliharaan. Tim Anda mungkin ingin mempertimbangkan Rencana Care Online.
- dokumentasi Handoff
Klien sering menginginkan dan
membutuhkan sebagian besar (jika tidak semua) dari dokumentasi yang dibuat
selama proyek. Ini termasuk dokumentasi untuk Pers, Pengujian, Produk, User
Interface, Screenshots, Wireframes, dokumen Photoshop, Gambar, dll Klien yang
host dan memelihara situs mereka sendiri / aplikasi biasanya membutuhkan semua
file source dan database yang akan dikemas dan disampaikan kepada mereka.
Tujuannya di sini adalah untuk memberikan setiap dan semua klien perlu untuk
menjadi bahagia.
- Pelatihan Klien tambahan
Menindaklanjuti dengan klien
penting agar pelatihan tambahan yang mungkin diperlukan dapat dijadwalkan dan
dilakukan. Kadang-kadang pelatihan yang masuk lebih dalam ke dalam mengelola
dan membuat konten, kali lain klien bisa mendapatkan keuntungan dari putaran
lain dari pelatihan pada perangkat lunak mereka untuk lebih membiasakan diri
dengan itu.
- final Thoughts
Mudah-mudahan tulisan ini telah
membantu Anda mendapatkan pemahaman yang lebih baik dari proses dasar yang
digunakan untuk mengambil sebuah proyek dari awal sampai akhir, dan jika saya
melakukan apa yang saya mulai lakukan, Anda juga belajar satu atau dua hal.
Kalau ada tindak lanjut pertanyaan, atau topik yang terkait Anda ingin tahu
lebih banyak tentang, silakan komentar di bawah ini. Itu semua orang!
- Satu lagi, pemikiran akhir:
Tim dukungan kami dapat memberikan Anda laporan online
dari semua tugas pemeliharaan dilakukan, rekomendasi tindakan, perbaikan
baru-baru ini, dan kinerja website Anda stats semua di satu tempat. Ini adalah
alat yang cukup unik dan berguna kita sebut Portal Care Online. Menggunakan
hal-hal keren seperti grafik, statistik, foto, dan video untuk memberikan
pandangan yang baik-bulat dari perangkat lunak Anda. Jadwal demo Anda hari ini!
Terima Kasih Sudah Membaca 5 Langkah Awal Belajar Membuat Desain Web Dan Pembangunannnya