เว็บแอปพลิเคชั่นสำหรับ Android ภาพรวมของเครื่องมือเว็บสำหรับการสร้างแอปพลิเคชันโดยไม่ต้องใช้ Android SDK การแนะนำแอปของเราไปทั่วโลก

โบโบรมอร์ดอฟ เอฟเซย์ เซฟยาโนวิช ( ผู้จัดการทั่วไป)

Bobromordova Karina Evseevna (ผู้อำนวยการฝ่ายการเงิน)

Bobromordov Karen Evseevich (ผู้จัดส่ง)

• คุณสามารถสร้างแอปพลิเคชั่นได้มากเท่าที่คุณต้องการและฟรีอย่างแน่นอน
• วัสดุสำหรับการสร้างโครงการสามารถมีได้หลายแหล่ง (หน้าเว็บ ช่องยูทูป, เอกสาร PDF, ฟีด RSS, แกลเลอรี่ภาพ, ไฟล์เสียง ฯลฯ)

• หากคุณมีสื่อสำเร็จรูป (เอกสาร ลิงก์ไปยังฟีดข่าว ซอร์สโค้ด และอื่นๆ) เวลาที่ใช้ในการสร้างแอปพลิเคชันจะถูกวัดในสิบวินาที
• เมื่อคุณสร้างแอปพลิเคชันเสร็จแล้ว นอกเหนือจากลิงก์ไปยังไฟล์ APK แล้ว รหัส QR จะปรากฏบนหน้าจอ (ฉันสร้างและติดตั้งลงในโทรศัพท์ทันที) และปุ่มสำหรับเผยแพร่ไปยัง Google Play.
• ข้อได้เปรียบที่โดดเด่นที่สุดของ AppsGeyser คือการดูตัวอย่างแอปพลิเคชัน (รูปลักษณ์และการทำงานบนอุปกรณ์จะเป็นอย่างไร) คุณลักษณะนี้ถูกนำมาใช้ที่นี่สะดวกกว่าคู่แข่งมาก มีเพียง Android SDK เท่านั้นที่เจ๋งกว่า ทั้งกล้อง เซ็นเซอร์ตรวจจับความเคลื่อนไหว และประสิทธิภาพ รุ่นเฉพาะคุณไม่สามารถทดสอบโทรศัพท์ของคุณบน AppsGeyser
• คุณสมบัติที่น่าสนใจอีกประการหนึ่งของบริการคือตัวสร้างการทดสอบ (แบบทดสอบ)

• การแสดงตัวอย่างจะละเว้น AJAX แม้ว่าที่จริงแล้วใน ประกอบเสร็จแล้วเทคโนโลยีนี้ใช้งานได้ดี

• มีความเป็นเลิศ โปรแกรมแก้ไขภาพเพื่อสร้างแอปพลิเคชันที่มีแถบเครื่องมืออันน่าทึ่งมากมาย เพียงเลื่อนตัวชี้เมาส์ คุณสามารถเพิ่มองค์ประกอบที่หลากหลายอย่างเหลือเชื่อให้กับแอปพลิเคชันของคุณ ตั้งแต่กล่องข้อความธรรมดาไปจนถึงเซ็นเซอร์ระบุตำแหน่งผู้ใช้!

• การสร้างแอปพลิเคชันจากโค้ดของเราที่นี่ต้องใช้แรงงานมากกว่า ก่อนอื่นคุณต้องบันทึกแหล่งที่มาด้วย ส่วนขยาย htmlและอัพโหลดขึ้นเซิร์ฟเวอร์ จากนั้นในพื้นที่ทำงาน ให้ลากองค์ประกอบ Web Viewer ไปยังฟิลด์แอปพลิเคชัน ในการตั้งค่าซึ่งระบุที่อยู่ของเพจด้วยแอปพลิเคชันของเรา ตอนนี้คุณสามารถใช้เมนู Build เพื่อรับแอสเซมบลีที่เสร็จสิ้นแล้ว
• ข้อเสียเปรียบหลักของ App Inventor คือแอปพลิเคชันที่คอมไพล์ต้องใช้การเชื่อมต่ออินเทอร์เน็ตในการทำงาน (ต่างจากแอปพลิเคชันที่สร้างขึ้นใน AppsGeyser)

• คุณสามารถสร้างพื้นที่ทำงานหลายแห่ง สร้างการเชื่อมต่อระหว่างกัน จัดสรรพื้นที่สำหรับบล็อกโฆษณา - รวมประมาณหนึ่งร้อยแห่ง การตั้งค่าต่างๆ- ฟังก์ชั่นนี้ขึ้นอยู่กับสายตา ประมาณ 80% ของ AppsGeyser มี และ 90% ของ App Inventor และทริคส่วนตัวอื่นๆ อีกมากมาย และทั้งองค์กรก็ดำเนินไปอย่างรวดเร็ว สวยงาม และดี

• การดูตัวอย่างไม่ได้ด้อยไปกว่า AppsGeyser ในด้านความเร็วและคุณภาพของงาน
• คอลเลกชันเทมเพลตการออกแบบที่หลากหลาย รวมกับความสามารถในการสร้างใหม่จนจำไม่ได้
• อินเทอร์เฟซเต็มไปด้วยความคิดสร้างสรรค์อย่างสมบูรณ์ ตัวอย่างเช่นในหน้าแรกของส่วนการสร้างโปรแกรมคุณต้องเลือกประเภทแอปพลิเคชันจาก 38 ตัวเลือก (ซึ่งทำเพื่อความสนุกสนานเท่านั้นเมื่อคุณคลิกที่ไอคอนต่าง ๆ คุณจะอยู่ในที่เดียวกัน)

• ไม่มีที่ไหนที่จะวางรหัส เราต้องทำงานด้วยมือของเรา
• มีฟังก์ชั่นสำหรับการเผยแพร่แอปพลิเคชัน แต่แถบแอพยังไม่ทราบเรื่องนี้ แอนดรอยด์มาร์เก็ตรู้จักกันมานานแล้วในชื่อ Goggle Play
• อินเทอร์เฟซทำงานช้าและมีโซลูชัน "ดั้งเดิม" มากมาย คุณมักจะคิดถึงจิตวิญญาณลึกลับและความคิดที่ไม่ธรรมดาของผู้สร้างมันอยู่ตลอดเวลา

• เป็นไปไม่ได้ที่จะสร้างสมุดโทรศัพท์ของบริษัทจากโค้ดตัวอย่างของเราโดยใช้บริการนี้ แต่สิ่งที่คล้ายกันสามารถทำได้โดยใช้เครื่องมือในตัว Appbar ค่อนข้างเหมาะสำหรับการสร้างแอปพลิเคชันนามบัตร

รูปที่ 1 คุณสามารถทำให้เนื้อหาเว็บของคุณพร้อมใช้งานสำหรับผู้ใช้ได้สองวิธี: ในเว็บเบราว์เซอร์แบบดั้งเดิม และใน แอป Android lication โดยรวม WebView ไว้ในโครงร่าง

Android เสนอวิธีการที่หลากหลายในการนำเสนอเนื้อหาให้กับผู้ใช้ เพื่อมอบประสบการณ์ผู้ใช้ที่สอดคล้องกับส่วนที่เหลือของแพลตฟอร์ม โดยทั่วไปวิธีที่ดีที่สุดคือสร้างแอปเนทีฟที่รวมประสบการณ์ที่ได้รับจากเฟรมเวิร์ก เช่น ลิงก์แอป Android หรือการค้นหา นอกจากนี้ คุณสามารถใช้ประสบการณ์บน Google Play เช่น App Actions และ Slices ที่มีบริการ Google Play อย่างไรก็ตาม บางแอปอาจจำเป็นต้องควบคุม UI มากขึ้น ในกรณีนี้ WebView เป็นตัวเลือกที่ดีสำหรับการแสดงเนื้อหาจากบุคคลที่หนึ่งที่เชื่อถือได้

รูปที่ 1 แสดงให้เห็น คุณเป็นยังไงบ้างสามารถให้การเข้าถึงหน้าเว็บของคุณจากเบราว์เซอร์หรือแอป Android ของคุณเอง กรอบงาน WebView ช่วยให้คุณสามารถระบุคุณสมบัติวิวพอร์ตและสไตล์ที่ทำให้หน้าเว็บของคุณปรากฏในขนาดและขนาดที่เหมาะสมบนการกำหนดค่าหน้าจอทั้งหมดสำหรับเว็บเบราว์เซอร์หลักทั้งหมด คุณยังสามารถกำหนดอินเทอร์เฟซระหว่างแอพ Android ของคุณกับหน้าเว็บของคุณที่อนุญาตให้ JavaScript ในหน้าเว็บเรียกใช้ API ใน Android API ที่ให้บริการแอพของคุณไปยังแอปพลิเคชันบนเว็บของคุณ

อย่างไรก็ตาม คุณไม่ควรพัฒนาแอป Android เพียงเพื่อใช้ดูเว็บไซต์ของคุณ แต่หน้าเว็บที่คุณฝังไว้ในแอปควรได้รับการออกแบบมาโดยเฉพาะสำหรับสภาพแวดล้อมนั้น

แม้ว่าออบเจ็กต์ WebView จะให้การควบคุม UI ที่เพิ่มขึ้น แต่ก็มีทางเลือกอื่นที่อาจมีฟังก์ชันการทำงานที่คล้ายกันและมีข้อดีหลายประการ เช่น ต้องการการกำหนดค่าน้อยกว่า อาจโหลดและทำงานเร็วขึ้น ให้การปกป้องความเป็นส่วนตัวที่ได้รับการปรับปรุง และสามารถเข้าถึงคุกกี้ของเบราว์เซอร์ได้

พิจารณาใช้ทางเลือกอื่นเหล่านี้กับ WebView หากแอปของคุณอยู่ในกรณีการใช้งานต่อไปนี้:

• หากคุณต้องการส่งผู้ใช้ไปยังไซต์บนมือถือ

ถึงแม้ว่า แอปพลิเคชันมือถือเช่นเดียวกับไซต์บนมือถือที่ทำงานบนสมาร์ทโฟนและแท็บเล็ต ไซต์เหล่านี้มีความแตกต่างกัน Progressive Web Apps (PWA) เป็นโครงการริเริ่มแบบโอเพ่นซอร์สจาก Google ซอร์สโค้ดซึ่งใช้ประโยชน์จากความสามารถของเว็บสมัยใหม่เพื่อมอบประสบการณ์ที่ดีกว่าแก่ผู้ใช้มากกว่าแอปแบบเนทีฟหรือไซต์บนมือถือ เนื่องจากเป็นเฟรมเวิร์กที่ค่อนข้างใหม่ จึงยังไม่รองรับเบราว์เซอร์ทั้งหมด และไม่รองรับคุณสมบัติบางอย่างที่ทำให้แอพแบบเนทีฟน่าสนใจสำหรับผู้บริโภค เช่น การใช้กล้อง, GPS และเครื่องสแกนลายนิ้วมือ สิ่งนี้จะเปลี่ยนไปอย่างแน่นอนหาก กปภ. ได้รับการยอมรับในวงกว้าง

ทุกวันนี้ การเกิดขึ้นของ PWA แสดงให้เห็นถึงความก้าวหน้าในเว็บบนมือถือเช่นเดียวกับการเกิดขึ้นของการออกแบบเว็บแบบตอบสนองเมื่อห้าปีที่แล้ว นี้ เทคโนโลยีใหม่ซึ่งจะพัฒนาและเปลี่ยนแปลงอย่างหลีกเลี่ยงไม่ได้ในช่วงหลายปีที่ผ่านมา เนื่องจากนักพัฒนาปรับปรุงเวอร์ชันของมันอย่างต่อเนื่อง และแบรนด์ต่าง ๆ หันมาใช้ PWA มากขึ้นโดยเป็นส่วนหนึ่งของกลยุทธ์มือถือของตน

PWA มีประโยชน์หลายประการสำหรับผู้ใช้ หนึ่งในนั้นคือการท่องเว็บที่รวดเร็วยิ่งขึ้น จะถูกค้นพบทันทีในเบราว์เซอร์โดยไม่จำเป็นต้องดาวน์โหลดแอป และสามารถทำงานได้ทุกที่ รวมถึงพื้นที่ที่มีความแรงของสัญญาณอินเทอร์เน็ตต่ำ พวกเขาสามารถ "บันทึก" ไว้ที่หน้าจอหลักได้อย่างน้อยที่สุด อุปกรณ์แอนดรอยด์เพื่อการเข้าถึงที่ง่ายขึ้นและช่องทางการโต้ตอบส่วนบุคคล พวกเขายังให้การเข้าถึงอีกครั้งอย่างรวดเร็วโดยไม่ต้องเปิดเบราว์เซอร์และป้อนที่อยู่เว็บ

PWA ที่ได้รับการออกแบบมาอย่างดีนั้นเร็วกว่าไซต์บนมือถืออื่นๆ ถึงสี่เท่า ช่วยให้กระบวนการจัดซื้อเร็วขึ้น เนื่องจากการซื้อผลิตภัณฑ์ทำได้เพียงไม่กี่คลิก ทำให้ลูกค้ามีส่วนร่วม

ยังมีประโยชน์อื่นๆ สำหรับนักการตลาดอีกด้วย กปภ. คาดว่าจะให้บริการ อิทธิพลอันยิ่งใหญ่เกี่ยวกับอัตราการแปลงใน อุปกรณ์เคลื่อนที่พร้อมทั้งลดต้นทุนการลงทุนสูงที่เกี่ยวข้องกับการพัฒนาแอปพลิเคชันของคุณเอง

PWA มีลักษณะเหมือนกับแอปที่มาพร้อมเครื่อง และในที่สุดลูกค้าก็จะชอบ PWA เพราะมีมากกว่านั้น ความเร็วสูงมอบประสบการณ์เช่นเดียวกับแอปเนทีฟ และยังช่วยให้คุณใช้ไซต์บนมือถือแบบออฟไลน์ได้อีกด้วย

นอกจากนี้ PWA ยังรองรับการแจ้งเตือนแบบพุชของเบราว์เซอร์ ช่วยให้นักการตลาดสามารถส่งข้อความตามบริบทและข้อความส่วนตัวแบบเรียลไทม์ด้วยการคลิกเพียงครั้งเดียวจาก PWA โดยตรง

เนื่องจาก PWA เป็นเว็บไซต์หลัก จึงอัปเดตได้ง่ายกว่าและไม่ต้องการให้ผู้ใช้ดาวน์โหลดและติดตั้งแอปเวอร์ชันอัปเดต นอกจากนี้ยังสามารถพบได้ง่ายใน เครื่องมือค้นหา, - ซึ่งหมายความว่ากลุ่มเป้าหมายที่เป็นไปได้จะเข้าถึงลูกค้าได้หลายล้านราย

อย่างไรก็ตาม นอกจากข้อดีแล้ว กปภ. ยังมีข้อเสียอยู่บ้าง และสำหรับบางคน สิ่งเหล่านี้อาจเป็นปัจจัยในการตัดสินใจได้

ปัญหาสำคัญคือเบราว์เซอร์บางรุ่นไม่รองรับ PWA ในปัจจุบัน ในขณะที่เวอร์ชั่นใหม่กว่า เบราว์เซอร์ Chrome, Opera และ Android รองรับ PWA, IE, Edge, Safari และเบราว์เซอร์แบบกำหนดเองหลายตัวไม่รองรับ ปัจจุบัน PWA ไม่รองรับส่วนประกอบฮาร์ดแวร์ทั้งหมดที่รองรับโดยแอปเนทีฟแบบดั้งเดิม รวมถึงกล้อง GPS และเครื่องสแกนลายนิ้วมือบนโทรศัพท์มือถือ

ความท้าทายอีกประการหนึ่งคือ App Store แบบดั้งเดิมเป็นพื้นที่เก็บข้อมูลส่วนกลางสำหรับแอป ช่วยให้ผู้ใช้ค้นหาสิ่งที่ต้องการและรักษาความถูกต้องตามกฎหมายในระดับหนึ่ง อย่างไรก็ตาม กปภ. ไม่ต้องการร้านค้าดังกล่าว ดังนั้น นักการตลาดอาจประสบปัญหาในการส่งเสริม PWA และความชอบธรรมของพวกเขา

สุดท้ายก็มากมาย แอปพลิเคชันบุคคลที่สามซึ่งต้องเข้าสู่ระบบ เช่น Facebook และ Google จะยังคงขอข้อมูลเข้าสู่ระบบและรหัสผ่านต่อไป เนื่องจาก PWA ไม่สามารถรวบรวมข้อมูลนี้ด้วยตนเองได้

ความนิยมและฟังก์ชันการทำงานของ PWA กำลังได้รับแรงผลักดันเท่านั้น ในอีกไม่กี่ปีข้างหน้า สิ่งเหล่านี้จะได้รับความนิยมมากขึ้นและปรับปรุงทางเทคโนโลยี ตามที่ผู้เชี่ยวชาญระบุว่า PWA คาดว่าจะเติบโตอย่างมีนัยสำคัญ เนื่องจากบริษัทต่างๆ เช่น Pinterest, Tinder, Uber และ Starbucks ได้เปิดตัว PWA ที่ให้ผลลัพธ์ที่ยอดเยี่ยมแล้ว จำนวนฟีเจอร์ที่รองรับโดย PWA ก็จะเพิ่มขึ้นทุกปีเช่นกัน สำหรับนักการตลาด ข้อได้เปรียบที่สำคัญคือความง่ายในการรวบรวมข้อมูลการวิเคราะห์ เนื่องจาก PWA ผสานรวมเข้ากับเครื่องมือวิเคราะห์มาตรฐานจาก Google และ Adobe ได้อย่างสมบูรณ์แบบ

หากคุณพบว่าพิมพ์ผิด ให้ไฮไลต์แล้วกด Ctrl + Enter! หากต้องการติดต่อเราคุณสามารถใช้

บางครั้งจำเป็นต้องสร้างเว็บไซต์ บล็อก หรือแอปพลิเคชันไคลเอนต์ เครือข่ายทางสังคมสำหรับ Android หรือแอปพลิเคชั่นคำนวณอย่างง่าย วิธีหนึ่งคือการสร้างไซต์ขนาดเล็กภายในแอปพลิเคชัน Android ของเรา

ในบทช่วยสอนนี้ เราใช้ JQueryMobile เป็นเครื่องมือในการสร้างแอปพลิเคชันของเรา นี่จะทำให้เรามีโอกาสสร้างรูปลักษณ์และฟังก์ชันบางอย่างของแอปพลิเคชันของเราโดยใช้ HTML5, CSS3, JavaScript แอปพลิเคชันดังกล่าวสามารถใช้ได้ในสองโหมด: ออฟไลน์ - เมื่อไฟล์ (เพจ) ทั้งหมดอยู่ในแอปพลิเคชันหรือออนไลน์ - เมื่อเราได้รับเพจหรือข้อมูลจากระยะไกล เกี่ยวกับเทคโนโลยีและ คุณสมบัติเพิ่มเติมคุณสามารถอ่านได้ในปิด เว็บไซต์: http://jquerymobile.com/

สไตล์ที่ฉันชอบคือการกำหนดงานแล้วไล่ตามเป้าหมาย สมมติว่าเราจำเป็นต้องสร้างแอปพลิเคชันที่จะคำนวณกิโลแคลอรี สำหรับคนขึ้นอยู่กับเป้าหมายที่บุคคลตั้งไว้สำหรับตัวเองส่วนสูงน้ำหนักอายุ นี่จะเป็นแอปพลิเคชันออฟไลน์ปกติ

สำหรับการคำนวณ เราใช้สูตรแฮร์ริส-เบเนดิกต์ เธอมีลักษณะเช่นนี้:

ปริมาณแคลอรี่ = BMR x ระดับกิจกรรม โดยที่

ผู้ชาย:

BMR = 88.36 + (13.4 x น้ำหนัก, กก.) + (4.8 x สูง, ซม.) – (5.7 x อายุ, ปี)

ผู้หญิง:

BMR = 447.6 + (9.2 x น้ำหนัก, กก.) + (3.1 x สูง, ซม.) – (4.3 x อายุ, ปี)

และระดับกิจกรรมระหว่างสัปดาห์:

ระดับต่ำสุด บรรทัดฐานแคลอรี่ = 1.2
ปริมาณแคลอรี่ต่ำ = 1.375
เฉลี่ยปริมาณแคลอรี่ = 1.55
ปริมาณแคลอรี่สูง = 1.725
สูงมาก ปริมาณแคลอรี่ = 1.9

และยังมี 2 เงื่อนไข:

1. หากคนต้องการเพิ่มน้ำหนัก เขาต้องมี “+ 20%”

2.หากคุณต้องการลดน้ำหนัก ให้ “- 20%”

3. ลดน้ำหนักอย่างรวดเร็ว แล้ว “-40%”

หลังจากคิดและเลื่อนเมาส์ไปด้านข้างแล้ว ฉันก็สามารถสร้างเทมเพลตแอปพลิเคชันได้

ตลอดบทเรียนเราจะทำตามเทมเพลตนี้และพยายามนำไปใช้ เรามาเริ่มเขียนโปรแกรมกันโดยตรง :-)

ในขั้นตอนนี้ เราจะสร้างการออกแบบแอปพลิเคชันของเรา ขั้นตอนนี้จะค่อนข้างง่ายและน่าตื่นเต้น เนื่องจากการสร้างการออกแบบแอปพลิเคชันและการตรวจสอบความถูกต้องเกิดขึ้นโดยตรงในเบราว์เซอร์

นี่คือสิ่งที่ฉันได้รับ:

และแน่นอน มาอธิบายโค้ดที่ให้การออกแบบนี้แก่เรา:

การคำนวณแคลอรี่ การคำนวณแคลอรี่

• เกี่ยวกับโปรแกรม
• คำนวณ

นี่เป็นโปรแกรมขนาดเล็กสำหรับคำนวณปริมาณแคลอรี่ในแต่ละวันของบุคคล

คำอธิบายของรายการกิจกรรม

การออกกำลังกายมี 5 ประเภท ได้แก่ น้อยที่สุด (ไม่มีการออกกำลังกาย) ต่ำ (ออกกำลังกาย 1-3 ครั้งต่อสัปดาห์) ปานกลาง (3-5 วันต่อสัปดาห์) สูง (6-7 ครั้งต่อสัปดาห์) สูงมาก ( ออกกำลังกายบ่อยกว่าหนึ่งครั้ง)

มาดูกันว่ามีอะไรบ้างและทำไม

– เราระบุว่าเราจะใช้ HTML5 ซึ่งจะทำให้สามารถใช้งานได้ความเป็นไปได้มากขึ้น

กรอบ.

เอกสารหนึ่งฉบับสามารถมี "หน้า" ได้หลายหน้า - มุมมองสำเร็จรูป เราจะมี 2 รายการ พื้นฐาน และ "เกี่ยวกับโปรแกรม"

... ...

– หมวก

– body ส่วนหลักที่เนื้อหาทั้งหมดจะเป็น

– ส่วนท้าย นี่คือที่ที่เราใส่ปุ่มควบคุมของเรา แผงนำทาง

ฉันไม่ได้ให้คำอธิบายสำหรับบล็อกหลัก เนื่องจากมีโค้ด HTML ปกติอยู่ ที่เราอธิบายองค์ประกอบที่เราต้องการเห็น สำหรับเรา นี่คือจานที่มีองค์ประกอบรูปร่างอยู่ข้างใน แต่ละองค์ประกอบมีตัวระบุที่ไม่ซ้ำกัน จำเป็นต้องได้รับข้อมูล มาดูส่วนท้ายกันดีกว่า

– การสร้างแถบนำทาง

href=’#info’ – id “page” ภายในเอกสาร หากเราใช้ “#” เมื่อเราคลิก เราจะเห็นบล็อก "เพจ" พร้อมรหัสนี้ หรืออาจอ้างอิงถึงไฟล์หรือทรัพยากร (URL) ที่แตกต่างไปจากเดิมอย่างสิ้นเชิง

data-icon=’info’ – ตั้งค่าไอคอน

และสุดท้าย ในไฟล์นี้ บล็อกหน้าที่สอง

กลับ– ปุ่มในส่วนหัวเพื่อกลับไปยังหน้าหลัก

และสไตล์เพจของเราด้วย

บล็อกผลลัพธ์ ( text-align: center; Font-size: 20px; Font-weight: Bold; color: green; )

ในขั้นตอนนี้ เราจะเขียนสคริปต์ที่จะรับข้อมูลของเรา อ่านและกลับไปที่หน้า

Var MAN_COEFFICIENTS=( หลัก: 88.36, น้ำหนัก: 13.4, ส่วนสูง: 4.8, อายุ: 5.7 ); var WOMAN_COEFFICIENTS=( หลัก: 447.6 น้ำหนัก: 9.2 ส่วนสูง: 3.1 อายุ: 4.3 ); เพิ่มขึ้น = 1.2; ลดลง = 0.8; QUICK_DECREASE = 0.4; var ACTIVITY_COEFF = ฟังก์ชั่น forMan (น้ำหนัก ส่วนสูง อายุ ใช้งานอยู่)( return (MAN_COEFFICIENTS.main + (MAN_COEFFICIENTS.weight * Weight) + (MAN_COEFFICIENTS.height * height) + (MAN_COEFFICIENTS.age * age)) * ACTIVITY_COEFF; ) forWoman(น้ำหนัก ส่วนสูง อายุ ใช้งานอยู่)( return (WOMAN_COEFFICIENTS.main + (WOMAN_COEFFICIENTS.weight * weight) + (WOMAN_COEFFICIENTS.height * height) + (WOMAN_COEFFICIENTS.age * age)) * ACTIVITY_COEFF; ) function getData()) ( var data=( น้ำหนัก: parseFloat(document.getElementById("weight").value), อายุ: parseInt(document.getElementById("age").value), ความสูง: parseInt(document.getElementById("height") ค่า ), ใช้งานอยู่: parseInt(document.getElementById("active").value), เป้าหมาย: parseInt(document.getElementById("target").value), เพศ: parseInt(document.getElementById("sex").value) ) ; ส่งคืนข้อมูล; ) ฟังก์ชัน CalculatorData())( var result; var data = getData(); switch (data.sex)( case 1: result = forMan(data.weight, data.height, data.age, data. ใช้งานอยู่); console.log (ผลลัพธ์);

หยุดพัก; กรณีที่ 2: ผลลัพธ์ = forWoman(data.weight, data.height, data.age, data.active);

) switch (data.target)( กรณีที่ 1: ส่งคืนผลลัพธ์ กรณีที่ 2: ส่งคืนผลลัพธ์ * INCREASE; กรณีที่ 3: ส่งคืนผลลัพธ์ * DECREASE; กรณีที่ 4: ส่งคืนผลลัพธ์ * QUICK_DECREASE; ) ) ฟังก์ชั่น showData())( document.getElementById( " ผลลัพธ์").innerHTML = คำนวณข้อมูล();

และเราเพิ่มการเรียกใช้ฟังก์ชันเมื่อคลิกที่ปุ่ม "คำนวณ"

หลังจากนี้เมื่อกดปุ่ม ข้อมูลก็จะถูกคำนวณ และข้อมูลก็จะถูกแสดง

ตอนนี้เราส่งผ่านไปยังส่วนประกอบของเราไปยังเส้นทางไปยังไฟล์ที่จะโหลดตามค่าเริ่มต้นเมื่อเปิดแอปพลิเคชัน ทั้งหมดนี้เกิดขึ้นในคลาสที่สร้างขึ้นโดยสภาพแวดล้อมเริ่มต้น ในนั้นเราเปลี่ยนพฤติกรรมของวิธีการสร้างมุมมอง:

@แทนที่การป้องกันโมฆะ onCreate (Bundle saveInstanceState) ( super.onCreate (savedInstanceState); setContentView (R.layout.activity_main); WebView webView = (WebView) findViewById (R.id.webView); webView.getSettings (). setJavaScriptEnabled (จริง ); webView.loadUrl("ไฟล์:///android_asset/www/index.html");

findViewById(R.id.webView) – เราได้รับคอนเทนเนอร์สำหรับแสดงหน้าเว็บ

webView.getSettings().setJavaScriptEnabled(true) – เปิดใช้งานการสนับสนุน JavaScript

webView.loadUrl(“file:///android_asset/www/index.html”) – โหลดหน้าเว็บที่อยู่ในไดเรกทอรีทรัพย์สินของเรา

ขณะนี้ เนื่องจากหน้าของเรามีไลบรารีที่เชื่อมต่อจากไซต์ (ระยะไกล) เราจึงต้องเพิ่มสิทธิ์การเข้าถึงอินเทอร์เน็ตให้กับแอปพลิเคชันของเรา ซึ่งดำเนินการในไฟล์ Manifest AndroidManifest.xml ในหนึ่งบรรทัดที่จุดเริ่มต้น:

หลังจากนั้นสิ่งที่เหลืออยู่ก็คือส่งแอปพลิเคชันไปยังอุปกรณ์ และคุณทำเสร็จแล้ว :-)

หากคุณต้องการสร้างแอปพลิเคชันออฟไลน์โดยที่คุณไม่จำเป็นต้องเข้าถึงอินเทอร์เน็ต ให้ดาวน์โหลดไลบรารีจากไซต์ วางไว้ในโฟลเดอร์และเปลี่ยนเส้นทางบนเพจ อีกทั้งไม่จำเป็นต้องระบุสิทธิ์ในการเข้าถึงอินเทอร์เน็ตอีกด้วย

ดังนั้นเราจึงจำเป็นต้องดาวน์โหลดไลบรารี่ที่จำเป็น ไลบรารี jQuery หลักแรกอยู่ที่: http://jquery.com/download/ เลือกเวอร์ชันและดาวน์โหลด เราใช้เวอร์ชันนี้: ดาวน์โหลด jQuery 2.1.0 ที่ใช้งานจริงที่ถูกบีบอัด ตอนนี้เราดาวน์โหลด jQueryMobile ไปที่เว็บไซต์อย่างเป็นทางการ: http://jquerymobile.com/ และดาวน์โหลดไฟล์เก็บถาวรพร้อมไฟล์:

มีไฟล์จำนวนมากภายในไฟล์เก็บถาวร เราต้องการเพียงไม่กี่รายการเท่านั้น: jquery.mobile-1.4.0.min.css, jquery.mobile-1.4.0.min.js และไอคอนจากไดเร็กทอรี images/ ฉันจะวางไฟล์เหล่านี้ไว้ที่รูทของโฟลเดอร์ /www หลังจากนั้นก็ควรเปลี่ยนลิงก์หน้าไปยังไฟล์ที่เราเพิ่งดาวน์โหลด:

และอย่าลืมลบสิทธิ์ในการเข้าถึงอินเทอร์เน็ตออกจากรายการด้วย ตอนนี้เราไม่ต้องการแล้ว โดยทั่วไปนั่นคือทั้งหมด

ตอนนี้คุณมีแอปพลิเคชั่นขนาดเล็กสำหรับ Android แล้ว อย่างไรก็ตามความเร็วนั้นด้อยกว่าการสร้างเวอร์ชันดั้งเดิม แต่สามารถแก้ไขได้ ด้วยแอปพลิเคชันขนาดเล็กสำหรับคุณ :-) ฉันหวังว่าทุกสิ่งจะเข้าถึงได้และน่าสนใจ)

เนื่องจากนักพัฒนา Android ไม่มีกฎ มาตรฐาน และข้อกำหนดมากมายที่ต้องปฏิบัติตามเมื่อพัฒนาแอป พวกเขาจึงไม่ต้องกังวลกับการสร้างเว็บไซต์ที่เรียบร้อยสำหรับเว็บแอปของตนมากนัก แอพ Android ที่เป็นที่ยอมรับหลายแห่งไม่มีเว็บไซต์ แต่มี Twitter หน้า Facebookฯลฯ นี่เป็นเหตุผลว่าทำไมเราจึงไม่พบตัวอย่างมากมายที่จะแสดงในบทความนี้ ดังนั้น ด้านล่างนี้คือบางเว็บไซต์สำหรับทั้ง Android และ iPhone

เว็บไซต์แอพ Android

FxCamera

FxCamera ช่วยให้คุณถ่ายภาพสร้างสรรค์ด้วยฟิลเตอร์ให้เลือกมากกว่า 40 แบบ

Timer เป็นแอปพลิเคชั่นที่ออกแบบมาอย่างสวยงามและสะอาดตาสำหรับ Android ของคุณ

ค้นหาหน้าเว็บที่น่าสนใจไม่ว่าคุณจะอยู่ที่ไหน จากนั้นอ่านที่บ้านหรือระหว่างเดินทาง แม้ว่าจะไม่ได้เชื่อมต่ออินเทอร์เน็ตก็ตาม

แอพที่กระตุ้นให้คุณไปออกกำลังกาย หาเงินเมื่อไปยิม โดยเสียเงินจากเพื่อนที่ไม่ได้ไปกับคุณ

Maluuba เป็นทางเลือก Siri ที่เป็นของคุณได้ ผู้ช่วยเสียงบนระบบปฏิบัติการ Android

ฟู้ดสเตอร์

Foodster ช่วยคุณค้นหาและปรุงสูตรอาหารที่ดีที่สุดจากอินเทอร์เน็ต ด้วยสูตรอาหารมากกว่า 10,000 รายการจากแหล่งข้อมูลที่ดีที่สุดของเว็บและอาหารที่เพิ่มเติมใหม่ๆ ทุกวัน คุณจึงมั่นใจได้ว่าจะได้พบกับอาหารที่อร่อยและปรุงง่าย

วอลเปเปอร์ลาย

Pattrn เป็นแอปสกรีนเซฟเวอร์ที่ไม่เหมือนใครสำหรับโทรศัพท์และแท็บเล็ตที่ให้คุณเข้าถึงคอลเลกชั่นรูปภาพจำนวนมาก

ดับเบิ้ลทวิส

DoubleTwist Alarm Clock เป็นแอปพลิเคชั่นที่สวยที่สุดในหมวดหมู่ใน Google Play สโตร์

ClockworkMod

ปลดล็อกศักยภาพของโทรศัพท์ของคุณทีละแอป

เว็บไซต์แอพ Android และ iPhone

อะโวคาโด™ คือ วิธีที่ดีที่สุดเชื่อมต่อกับผู้คนที่สำคัญที่สุดสำหรับคุณผ่านการแชท ปฏิทิน สเก็ตช์ภาพ รูปภาพ และอื่นๆ อีกมากมาย!

Strava ช่วยให้นักกีฬาจากทั่วทุกมุมโลกได้สัมผัสกับฟิตเนสทางสังคม ซึ่งเกี่ยวข้องกับการแชร์ การเปรียบเทียบ และแข่งขันกันเองโดยอิงตามข้อมูลการออกกำลังกายส่วนบุคคล โดยใช้แอปพลิเคชันบนมือถือและบนเว็บ